.admin-area *{box-sizing:border-box}.admin-area{margin:0;font-family:Inter,system-ui,sans-serif;color:#172033}.admin-area .admin-shell{min-height:100vh;display:flex}.admin-area .sidebar{width:245px;height:100vh;background:#101827;color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.admin-area .brand{display:flex;align-items:center;gap:10px;padding:6px 10px 30px}.admin-area .brand strong{display:block;letter-spacing:1px}.admin-area .brand small{color:#94a3b8}.admin-area .lion{width:38px;height:38px;border-radius:10px;background:#f6b51d;color:#101827;display:grid;place-items:center;font-weight:900;font-size:21px}.admin-area .sidebar nav{display:flex;flex-direction:column;width:100%}.admin-area .side-bottom a,.admin-area .sidebar nav a{display:flex;align-items:center;width:100%;color:#cbd5e1;text-decoration:none;padding:12px 13px;margin:3px 0;border-radius:9px;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease,transform .15s ease}.admin-area .side-bottom a:hover,.admin-area .sidebar nav a:hover{background:#202b3e;color:#fff}.admin-area .sidebar nav a.active{background:#f6b51d;color:#101827;font-weight:800}.admin-area .side-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #263247}.admin-area .side-bottom a{color:#94a3b8}.admin-area .content{margin-left:245px;width:calc(100% - 245px);padding:34px 42px}.admin-area .topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-area .topbar h1{margin:0 0 5px;font-size:27px}.admin-area .panel-head p,.admin-area .topbar p{margin:0;color:#718096;font-size:14px}.admin-area .primary{border:0;background:#f6b51d;color:#111827;padding:12px 18px;border-radius:9px;font-weight:800;cursor:pointer}.admin-area .primary:disabled{opacity:.6;cursor:not-allowed}.admin-area .admin-button{display:inline-block;border:1px solid #d8dee8;background:#fff;color:#172033;text-decoration:none;padding:10px 13px;border-radius:8px;cursor:pointer;font-size:14px}.admin-area .admin-button:hover{background:#f5f7fb}.admin-area .cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.admin-area .cards article,.admin-area .panel,.admin-area .quick-grid article{background:#fff;border:1px solid #e7ebf1;border-radius:13px;box-shadow:0 3px 12px #17203308}.admin-area .cards article{padding:20px}.admin-area .cards span{display:block;color:#718096;font-size:13px}.admin-area .cards strong{display:block;font-size:29px;margin:9px 0 4px}.admin-area .cards small{color:#94a3b8}.admin-area .panel{overflow:hidden}.admin-area .panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #edf0f4}.admin-area .panel-head h2{margin:0 0 5px}.admin-area .actions{display:flex;gap:8px}.admin-area .actions input{width:220px;border:1px solid #d8dee8;border-radius:8px;padding:10px 12px}.admin-area .actions button,.admin-area .quick-grid button{border:1px solid #d8dee8;background:#fff;padding:10px 13px;border-radius:8px;cursor:pointer}.admin-area .table-wrap{overflow:auto}.admin-area table{width:100%;border-collapse:collapse;min-width:800px}.admin-area td,.admin-area th{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0f4;font-size:14px}.admin-area th{font-size:12px;text-transform:uppercase;color:#718096;background:#fafbfc}.admin-area .stock{font-weight:700}.admin-area .stock.low{color:#dc7a00}.admin-area .badge{background:#e9f8ef;color:#17834b;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.admin-area .badge.off{background:#f1f3f5;color:#687385}.admin-area .order-status{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1f3f5;color:#536174;font-size:12px;font-weight:700;white-space:nowrap}.admin-area .status-completed,.admin-area .status-paid{background:#e9f8ef;color:#17834b}.admin-area .status-processing,.admin-area .status-shipped{background:#edf4ff;color:#245ca8}.admin-area .status-awaiting_payment,.admin-area .status-pending{background:#fff6df;color:#9b6200}.admin-area .status-cancelled{background:#fff0f0;color:#a12626}.admin-area .order-actions{display:flex;flex-wrap:wrap;gap:7px}.admin-area .order-action{border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#172033;cursor:pointer;font:inherit;font-size:12px;padding:7px 9px;white-space:nowrap}.admin-area .order-action:hover:not(:disabled){background:#f5f7fb}.admin-area .order-action.danger{border-color:#f2c7c7;color:#a12626}.admin-area .order-action:disabled{cursor:not-allowed;opacity:.65}.admin-area .more{border:0;background:transparent;cursor:pointer}.admin-area .empty{text-align:center;padding:35px;color:#718096}.admin-area .error{margin:15px 20px;padding:12px;background:#fff0f0;color:#a12626;border-radius:8px}.admin-area .success{margin-bottom:18px;padding:12px 16px;background:#e9f8ef;color:#17834b;border-radius:8px;font-weight:600}.admin-area .quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:22px}.admin-area .quick-grid article{padding:20px}.admin-area .quick-grid article>div{font-size:25px}.admin-area .quick-grid h3{margin:10px 0 5px}.admin-area .quick-grid p{font-size:13px;color:#718096;min-height:38px}.admin-area .modal-backdrop{position:fixed;inset:0;background:#07111dcc;display:grid;place-items:start center;padding:20px;overflow-y:auto}.admin-area .modal{background:#fff;width:min(600px,100%);max-height:calc(100vh - 40px);border-radius:15px;padding:25px;box-shadow:0 25px 70px #0005;overflow-y:auto}.admin-area .modal-head{display:flex;justify-content:space-between}.admin-area .modal-head button{border:0;background:transparent;font-size:25px;cursor:pointer}.admin-area .modal label{display:block;font-weight:700;font-size:13px;margin:15px 0}.admin-area .modal input,.admin-area .modal select,.admin-area .modal textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d8dee8;border-radius:8px;background:#fff;font-family:inherit;font-size:14px}.admin-area .modal textarea{resize:vertical}.admin-area .two{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.admin-area .drop{border:2px dashed #cbd5e1;border-radius:10px;padding:28px;text-align:center;color:#64748b;margin:18px 0}.admin-area .full{width:100%}.admin-area .muted{color:#718096}.admin-area .checks{display:flex;gap:25px;margin:18px 0}.admin-area .checks label{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.admin-area .checks input{width:auto;margin:0}.admin-area .checkbox{display:flex!important;align-items:center;gap:8px;font-weight:600!important}.admin-area .checkbox input{width:auto!important;margin:0!important}.admin-area .modal>.primary.full{position:-webkit-sticky;position:sticky;bottom:-25px;margin-top:20px;padding:16px 18px;box-shadow:0 -12px 20px #fff}.admin-area .existingGallery{margin:14px 0;font-size:13px}.admin-area .existingGallery>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.admin-area .existingGallery img{width:72px;height:72px;border:1px solid #d8dee8;border-radius:8px;object-fit:cover}@media (max-width:900px){.admin-area .sidebar{width:190px}.admin-area .content{margin-left:190px;width:calc(100% - 190px);padding:24px}.admin-area .cards{grid-template-columns:1fr 1fr}.admin-area .quick-grid{grid-template-columns:1fr}.admin-area .panel-head{align-items:flex-start;gap:15px;flex-direction:column}.admin-area .actions{width:100%;flex-wrap:wrap}.admin-area .actions input{flex:1 1}}@media (max-width:600px){.admin-area .sidebar{display:none}.admin-area .content{margin-left:0;width:100%}.admin-area .topbar{align-items:flex-start;gap:15px;flex-direction:column}.admin-area .cards{grid-template-columns:1fr 1fr}}.admin-area{min-height:100vh;background:#f5f7fb}.admin-area .sidebar{z-index:20;height:100dvh;overflow-y:auto}.admin-area .sidebar>*{flex-shrink:0}.admin-area .sidebar nav{position:static;height:auto;max-height:none;overflow:visible}.admin-area .content{min-width:0}.admin-area .modal-backdrop{z-index:40}.admin-area .existingGallery figure{margin:0;width:140px}.admin-area .existingGallery figure button{margin:3px}@media(max-width:600px){.admin-area .sidebar{display:flex;position:relative;width:100%;height:auto}.admin-area .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-area .sidebar .brand{padding-bottom:12px}.admin-area .content{margin:0;width:100%;padding:16px}}