@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{min-height:100vh;background-color:#fcfcfc}a{text-decoration:none;color:inherit}hr{border:none;height:1px;background-color:#a9a9a9}.app-content{display:flex}.flex-col{display:flex;flex-direction:column;gap:10px}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,#d64532,#ff7155);font-family:Poppins,sans-serif;padding:1rem}.login-form{background:#fff;padding:2.5rem 3rem;border-radius:18px;box-shadow:0 12px 35px #00000026;width:100%;max-width:380px;text-align:center;animation:fadeIn .6s ease-in-out}.login-form h2{margin-bottom:1.8rem;color:#222;font-weight:700}.login-form input{display:block;width:100%;padding:.7rem .9rem;margin-bottom:1.2rem;border:1px solid #ccc;border-radius:8px;outline:none;font-size:.95rem;transition:border-color .25s ease,box-shadow .25s ease}.login-form input:focus{border-color:#d64532;box-shadow:0 0 0 3px #d6453233}.login-form button{background:#d64532;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .1s ease;width:100%;font-weight:600;font-size:1rem}.login-form button:hover{background:#bb3a29;transform:translateY(-2px)}.login-form button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:45px}.eye-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#888;cursor:pointer;transition:color .2s ease}.eye-icon:hover{color:#d64532}.spinner{display:inline-block;width:16px;height:16px;margin-right:8px;border:2px solid #fff;border-top:2px solid #d64532;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button.login-btn{display:flex;align-items:center;justify-content:center;gap:6px}@media (max-width: 480px){.login-form{padding:2rem;border-radius:12px}.login-form h2{font-size:1.4rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 5px #0000001a;z-index:1000;box-sizing:border-box}.navbar-left{display:flex;align-items:center;flex-direction:column}.logo-modern{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;display:inline-flex;gap:8px;align-items:baseline;line-height:1;-webkit-user-select:none;user-select:none}.brand-strong{font-weight:800;letter-spacing:-.02em;color:#0f172a;font-size:1rem}.brand-main{font-weight:600;color:#d64532;font-size:1.25rem}.brand-soft{font-weight:500;color:#475569;font-size:1rem}.admin-text{margin:0;font-size:16px;font-weight:600;color:#333;line-height:1}.navbar-right{display:flex;align-items:center;gap:10px}.logout-btn{background-color:#d64532;color:#fff;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s}.logout-btn:hover{background-color:#ff7155}.navbar .profile{width:38px;height:38px;border-radius:50%;object-fit:cover}.sidebar,.main-content{margin-top:60px}.profile-dropdown{position:absolute;top:50px;right:0;background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px;min-width:180px;box-shadow:0 4px 12px #00000026;z-index:1001;text-align:left}.profile-dropdown .admin-info{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:8px}.admin-name{font-weight:600;color:#333;margin:0 0 2px}.admin-email{font-size:12px;color:#777;margin:0}.profile-dropdown .logout-btn{background-color:#d64532;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;width:100%;transition:background .3s}.profile-dropdown .logout-btn:hover{background-color:#ff7155}@media (max-width: 768px){.navbar{height:55px;padding:0 12px}.brand-strong{font-size:.85rem}.brand-main{font-size:1.05rem}.brand-soft{font-size:.8rem}.admin-text{font-size:14px}.navbar-right{gap:6px}.logout-btn{padding:4px 8px;font-size:12px}.sidebar,.main-content{margin-top:55px}}.sidebar{width:18%;min-height:100vh;border:1.5px solid #a9a9a9;border-top:0;font-size:max(1vw,10px);margin-top:70px}.sidebar-options{padding-top:50px;padding-left:20%;display:flex;flex-direction:column;gap:20px}.sidebar-option{display:flex;align-items:center;gap:12px;border:1px solid #a9a9a9;padding:8px 10px;border-radius:3px 0 0 3px;cursor:pointer}.sidebar-option.active{background-color:#fff0ed;border-color:tomato}.sidebar-icon{width:30px}@media (max-width: 900px){.sidebar-option p{display:none}}.add{max-width:800px;margin:60px auto;font-family:Inter,sans-serif;color:#333;padding:20px;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 25px #00000014}.add-title{text-align:center;font-size:26px;font-weight:700;color:#d64532;margin-bottom:30px}.add-form{display:flex;flex-direction:column;gap:20px}.label{font-weight:600;margin-bottom:6px}.add-img-upload{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.upload-label{cursor:pointer;position:relative}.add-img-upload img{width:160px;height:160px;object-fit:cover;border:2px dashed #d64532;border-radius:12px;transition:.3s}.add-img-upload img:hover{opacity:.85}.upload-text{position:absolute;bottom:-25px;font-size:14px;color:#666}input[type=text],input[type=number],select{padding:12px;border-radius:8px;border:1px solid #d64532;width:100%;font-size:14px;transition:.2s}input:focus,select:focus{outline:none;border-color:#b53b27;box-shadow:0 0 4px #d6453266}.add-category-price{display:flex;flex-wrap:wrap;gap:25px}.flex-col{display:flex;flex-direction:column;gap:6px}.age-options{display:flex;flex-wrap:wrap;gap:15px}.age-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer}.age-checkbox input{width:18px;height:18px;accent-color:#d64532}.add-btn{align-self:center;padding:12px 25px;border-radius:8px;border:none;background-color:#d64532;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.add-btn:hover{background-color:#b53b27}.add-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{display:inline-block;width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.add{width:95%;padding:15px}.add-category-price{flex-direction:column;gap:15px}.add-img-upload img{width:140px;height:140px}}.list{margin:80px 10px 50px;width:90%;font-family:Arial,sans-serif;color:#6d6d6d}.list-table{display:flex;flex-direction:column;gap:10px}.list-table-format{display:grid;grid-template-columns:.8fr 2fr 2fr 1.5fr 1fr .5fr;align-items:center;gap:15px;padding:12px 15px;border:1px solid #cacaca;font-size:14px;border-radius:5px;background-color:#fff}.list-table-format.title{background-color:#f9f9f9;font-weight:600;border-bottom:2px solid #d64532}.list-table-format img{width:70px;height:90px;object-fit:cover;border-radius:5px}.cursor{cursor:pointer;color:red;font-weight:700;transition:.3s}.cursor:hover{opacity:.7}.edit-img-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px}.edit-img-wrapper img{width:70px;height:90px;object-fit:cover;border-radius:6px;border:1px solid #ccc}.edit-img-wrapper input[type=file]{padding:3px;font-size:12px}.list-table-format input[type=text],.list-table-format input[type=number],.list-table-format select{padding:6px 8px;border-radius:5px;border:1px solid #d64532;width:100%;font-size:14px}.list-table-format button{padding:6px 10px;border:none;border-radius:5px;background-color:#4caf50;color:#fff;cursor:pointer;font-size:13px;transition:background .2s}.list-table-format button:hover{background-color:#ff7155}.list-table-format div{display:flex;gap:5px}.list-table-format label{display:flex;align-items:center;gap:6px;font-size:14px;margin-bottom:5px}.list-table-format input[type=checkbox]{width:16px;height:16px;accent-color:#d64532}@media (max-width: 900px){.list-table-format{grid-template-columns:1fr 2fr 1fr;gap:10px;font-size:13px}}@media (max-width: 600px){.list-table-format{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px;font-size:14px}.list-table-format.title{display:none}.list-table-format img{width:65px;height:85px}.list-table-format input[type=text],.list-table-format input[type=number],.list-table-format select{width:100%;font-size:14px}.edit-img-wrapper{width:100%;align-items:flex-start}.edit-img-wrapper img{width:65px;height:85px}.list-table-format div{width:100%;justify-content:space-between}.list-table-format button{flex:1}}.order{font-family:Poppins,sans-serif;margin:100px 20px 50px}.order h3{font-size:18px;color:#333;margin-bottom:10px}.order-list{display:flex;flex-direction:column;gap:22px}.order-item{display:grid;grid-template-columns:3fr 2fr 1fr 1fr .6fr;align-items:start;gap:20px;background:#fff;border:1px solid #d64532;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000014;transition:.25s}.order-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.order-item-book{display:flex;align-items:center;gap:10px}.order-item-details{display:flex;flex-direction:column}.order-item-img{width:38px;height:38px;border-radius:6px;object-fit:cover;border:1px solid #ddd}.order-item-name{font-weight:600;font-size:14px;color:#222}.order-item-address p{margin:2px 0;font-size:13px}.order-item-phone{font-weight:500;margin-top:4px}.order-item-receipt{display:flex;flex-direction:column;gap:8px}.order-receipt-img{width:90px;height:auto;border-radius:8px;border:1px solid #ccc;cursor:zoom-in}.receipt-pdf{padding:7px 12px;background:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-size:13px;text-decoration:none;color:#333}.download-receipt-btn{background:#d64532;padding:8px;font-size:13px;border-radius:6px;text-align:center;color:#fff;text-decoration:none}.receipt-updated-badge{background:#e5ffe5;color:#1b7f1b;padding:6px 10px;border-radius:6px;display:inline-block;margin-top:10px;font-size:13px;border:1px solid #9ee39e}.request-receipt-btn{background-color:#ffe6e6;border:1px solid tomato;color:tomato;padding:8px 12px;border-radius:6px;cursor:pointer;transition:.2s;margin-top:10px}.request-receipt-btn:hover{background-color:tomato;color:#fff}.lightbox{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;cursor:zoom-out;z-index:9999}.lightbox-img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 0 20px #ffffff1a}.order-item select{background-color:#fff5f3;border:1px solid #d64532;border-radius:8px;padding:8px;width:max(12vw,120px);font-weight:500;cursor:pointer}.order-item select:hover{background-color:#ffe4dd}.order-delivery-type{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.delivery-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff}.delivery-badge.immediate{background-color:#d64532}.delivery-badge.later{background-color:#ff8c00}.delivery-badge.pickup{background-color:#6c757d}.delivery-badge.delivery{background-color:#1b7f1b}.tracking-section{display:flex;flex-direction:column;gap:10px;margin-top:10px;background:#fff7f5;border:1px solid #d64532;padding:14px;border-radius:10px;box-shadow:0 3px 10px #0000000f}.tracking-section input{padding:10px 12px;border-radius:8px;border:1px solid #d8d8d8;font-size:14px;font-family:Poppins,sans-serif;outline:none}.tracking-section input:focus{border-color:#d64532;box-shadow:0 0 0 3px #d6453233}.tracking-section button{padding:10px 12px;font-size:14px;font-weight:600;background:#d64532;color:#fff;border-radius:8px;border:none;cursor:pointer;transition:.2s;text-align:center}.tracking-section button:hover{background:#b33325;transform:translateY(-1px)}@media (max-width: 1000px){.order-item{grid-template-columns:2fr 1fr 1fr;font-size:13px;padding:16px}.order-receipt-img{width:75px}}@media (max-width: 650px){.order-item{grid-template-columns:1fr;padding:14px;gap:15px}.order-item select{width:100%}.tracking-section{padding:12px}.tracking-section input,.tracking-section button{width:100%}}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:zoom-out}.lightbox-image{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;cursor:default;box-shadow:0 8px 30px #00000080}.lightbox-close{position:fixed;top:20px;right:20px;font-size:36px;color:#fff;background:transparent;border:none;cursor:pointer}