@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:13%;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:15%;display:flex;flex-direction:column;gap:20px}.sidebar-option{display:flex;align-items:center;justify-content: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:900px;margin:60px auto;font-family:Inter,sans-serif;color:#333;padding:32px 28px;background:#fdfdfd;border-radius:16px;box-shadow:0 6px 32px #00000012}.add-title{text-align:center;font-size:28px;font-weight:700;color:#d64532;margin-bottom:36px;letter-spacing:-.4px}.add-form{display:flex;flex-direction:column;gap:28px}.label{font-weight:600;font-size:15px;margin-bottom:8px;color:#222}.add-img-upload{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-label{cursor:pointer;position:relative;border-radius:12px;overflow:hidden}.add-img-upload img{width:180px;height:180px;object-fit:cover;border:2px dashed #d64532;border-radius:12px;transition:all .25s ease}.add-img-upload img:hover{border-color:#b53b27;transform:scale(1.02);opacity:.92}.upload-text{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:13.5px;color:#777;white-space:nowrap}input[type=text],input[type=number],select{padding:13px 14px;border-radius:10px;border:1px solid #e0e0e0;width:100%;font-size:15px;background:#fff;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:#d64532;box-shadow:0 0 0 3px #d6453226}input::placeholder{color:#aaa}.multi-category-section{background:#f8f8f8;padding:20px 24px;border-radius:12px;border:1px solid #eee}.multi-category-section .label{margin-bottom:16px}.category-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 28px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:450;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 10px;border-radius:8px;transition:background .18s}.checkbox-label:hover{background:#d645320a}.checkbox-label input{width:18px;height:18px;accent-color:#d64532;cursor:pointer}.add-price-stock{display:grid;grid-template-columns:1fr 1fr;gap:24px}.flex-col{display:flex;flex-direction:column;gap:8px}.add-btn{align-self:center;padding:14px 36px;border-radius:10px;border:none;background:#d64532;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;min-width:180px}.add-btn:hover:not(:disabled){background:#b53b27;transform:translateY(-1px);box-shadow:0 4px 14px #d6453240}.add-btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.35);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:94%;padding:24px 18px;margin:40px auto}.add-title{font-size:24px;margin-bottom:28px}.add-img-upload img{width:150px;height:150px}.add-price-stock{grid-template-columns:1fr;gap:20px}.category-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 20px}}@media screen and (max-width: 480px){.category-checkbox-grid{grid-template-columns:1fr;gap:10px}.checkbox-label{padding:8px 12px}}.list{margin:60px auto 100px;width:100%;max-width:1560px;padding:0 20px;box-sizing:border-box;font-family:Inter,Arial,sans-serif;color:#333}.list>p{font-size:26px;font-weight:700;color:#d64532;margin:0 0 28px;text-align:center;letter-spacing:-.3px}.list-table{display:flex;flex-direction:column;gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.list-table::-webkit-scrollbar{height:8px}.list-table::-webkit-scrollbar-thumb{background:#d64532;border-radius:4px}.list-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.list-table-format{display:grid;grid-template-columns:100px minmax(270px,4fr) minmax(150px,2.8fr) 100px 100px minmax(180px,220px);align-items:center;gap:20px;padding:18px 24px;border:1px solid #e0e0e0;outline:2px solid red!important;border-radius:10px;background-color:#fff;font-size:14.5px;box-shadow:0 2px 10px #0000000d;transition:all .22s ease;min-width:960px}.list-table-format:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.list-table-format.title{min-width:0;background-color:#f8f9fa;font-weight:600;color:#222;border-bottom:3px solid #d64532;box-shadow:none;padding:16px 24px}.list-table-format>*:not(.edit-categories,.action-buttons){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-table-format img{width:84px;height:118px;object-fit:cover;border-radius:9px;border:1px solid #f0f0f0}.list-table-format.editing{background-color:#fffaf5;border:2px solid #d64532;box-shadow:0 5px 22px #d6453224}.edit-img-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.edit-img-wrapper img{width:84px;height:118px;object-fit:cover;border-radius:9px;border:2px solid #d64532}.edit-img-wrapper input[type=file]{font-size:13.5px;width:100%}.list-table-format input[type=text],.list-table-format input[type=number]{padding:11px 13px;border:1.5px solid #d64532;border-radius:9px;width:100%;font-size:14.5px;box-sizing:border-box}.list-table-format input:focus{outline:none;border-color:#b53b27;box-shadow:0 0 0 3.5px #d645322e}.edit-categories{grid-column:3;display:flex;flex-direction:column;gap:12px;max-height:340px;overflow-y:auto;padding:14px;background:#fdfdfd;border-radius:10px;border:1px solid #eee}.edit-categories p{font-weight:600;font-size:15px;margin:0 0 4px;color:#333}.category-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px 22px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:14px;padding:7px 11px;border-radius:7px;transition:background .2s}.checkbox-label:hover{background:#d645320d}.checkbox-label input{width:18px;height:18px;accent-color:#d64532}.action-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}.action-buttons button{padding:10px 18px;border-radius:9px;font-size:14px;font-weight:500;min-width:94px;transition:all .2s}.save-btn{background:#4caf50;color:#fff}.save-btn:hover{background:#43a047}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover{background:#e53935}.edit-btn{background:#d64532;color:#fff}.edit-btn:hover{background:#b53b27}.cursor.remove{cursor:pointer;color:#e74c3c;font-weight:700;font-size:1.5rem;transition:all .25s}.cursor.remove:hover{transform:scale(1.22);opacity:.85}@media (max-width: 1100px){.list-table-format{grid-template-columns:90px minmax(180px,2.8fr) minmax(220px,3.5fr) 100px 90px minmax(160px,200px);gap:18px;padding:16px 22px;min-width:880px}}@media (max-width: 920px){.list{padding:0 16px}.list-table-format{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:18px 22px;min-width:0;border-radius:12px}.list-table-format.title{display:none}.list-table-format>*{width:100%;white-space:normal;text-overflow:unset}.edit-img-wrapper,.list-table-format img{align-self:center;width:110px;height:150px}.edit-categories{max-height:260px;padding:12px}.category-checkbox-grid{grid-template-columns:1fr;gap:10px}.action-buttons{justify-content:center;gap:12px 20px;margin-top:12px}.action-buttons button{flex:1 1 110px;max-width:150px}.cursor.remove{font-size:1.8rem;align-self:center;margin-top:8px}}@media (max-width: 480px){.list-table-format{padding:16px 18px}.edit-img-wrapper img{width:100%;max-width:140px;height:auto;aspect-ratio:3 / 4}.action-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 16px}.action-buttons button{flex:0 1 auto;min-width:100px;max-width:140px;padding:9px 14px;font-size:13.5px}}.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}