@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--primary:#4f46e5;--primary-hover:#4338ca;--primary-glow:#4f46e514;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--border-hover:#cbd5e1;--success:#10b981;--success-glow:#10b98114;--danger:#ef4444;--danger-glow:#ef444414;--warning:#f59e0b;--sidebar-bg:#fff;--sidebar-text:#334155;--sidebar-hover:#4f46e50a;--shadow-sm:0 1px 2px 0 #00000005;--shadow-md:0 4px 12px -1px #00000008, 0 2px 6px -1px #00000005;--shadow-lg:0 12px 24px -4px #0000000a, 0 4px 12px -2px #00000008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-main);background-color:var(--background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--background:#0b0f19;--surface:#111827;--surface-hover:#1f2937;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-glow:#38bdf826;--text-main:#f3f4f6;--text-muted:#9ca3af;--border:#1f2937;--border-hover:#374151;--success:#34d399;--success-glow:#34d3991a;--danger:#f43f5e;--danger-glow:#f43f5e1a;--warning:#fbbf24;--sidebar-bg:#090d16;--sidebar-text:#f3f4f6;--sidebar-hover:#38bdf814;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 20px -2px #0000004d, 0 2px 8px -1px #0003;--shadow-lg:0 10px 30px -5px #0006, 0 4px 12px -2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--background);background-image:radial-gradient(at 0% 0%, var(--primary-glow) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--surface-hover) 0px, transparent 50%);min-width:100vw;min-height:100vh;margin:0;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}#root{flex:1;display:flex}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;margin:0;font-weight:700}h2{margin-bottom:4px;font-size:1.6rem}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:600;transition:color .2s}a:hover{color:var(--primary-hover)}button{border:1px solid var(--primary);background-color:var(--primary);color:var(--background);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:.6em 1.4em;font-family:inherit;font-size:.875em;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}[data-theme=light] button{color:#fff}[data-theme=light] button.outline{color:var(--text-main)}button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}button:active{transform:translateY(0)}button.outline{color:var(--text-main);border:1px solid var(--border);box-shadow:var(--shadow-sm);background-color:#0000}button.outline:hover{background-color:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.admin-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}input,select{background:var(--surface);border:1px solid var(--border);color:var(--text-main);border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.875em;transition:all .2s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);padding:16px 20px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-hover);font-size:.72rem;font-weight:600}td{color:var(--text-main);font-size:.875rem}tr{transition:background-color .2s}tr:hover td{background-color:var(--surface-hover)}main{background:var(--background);transition:background-color .3s}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.admin-layout{flex:1;min-height:100vh;display:flex}.admin-sidebar{background:var(--sidebar-bg);width:280px;color:var(--sidebar-text);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;transition:all .3s;display:flex;position:sticky;top:0}.admin-main{flex:1;min-width:0;padding:40px;transition:all .3s;overflow-y:auto}.metrics-grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.metrics-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.metrics-grid-5{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:16px;display:grid}.table-container{width:100%;overflow-x:auto}@media (width<=1024px){.metrics-grid-4,.metrics-grid-3,.metrics-grid-5{grid-template-columns:repeat(2,1fr)}}.admin-mobile-header,.admin-mobile-tabbar{display:none}@media (width<=900px){.admin-sidebar{display:none!important}.admin-layout{flex-direction:column;min-height:100vh;padding-top:64px;padding-bottom:68px}.admin-main{box-sizing:border-box;width:100%;max-width:100%;padding:20px 16px;overflow-x:hidden}.admin-mobile-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:64px;padding:0 16px;position:fixed;top:0;left:0;right:0;display:flex!important}.admin-mobile-tabbar{background:var(--surface);border-top:1px solid var(--border);z-index:900;height:68px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;display:flex!important}.admin-mobile-tab-item{height:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:0;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;color:var(--text-muted)!important}.admin-mobile-tab-item:hover{box-shadow:none;background:0 0;transform:none}.admin-mobile-tab-item.active{font-weight:700;color:var(--primary)!important}.mobile-more-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-sheet{background:var(--surface);border-top:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-height:80vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow-y:auto;box-shadow:0 -10px 25px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-more-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.mobile-more-item{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-main);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-more-item:active{background:var(--border);transform:scale(.95)}.metrics-grid-4,.metrics-grid-3,.metrics-grid-5{grid-template-columns:1fr}}.spinner{border:3px solid var(--border);border-top-color:var(--primary);width:44px;height:44px;box-shadow:0 0 15px var(--primary-glow);border-radius:50%;animation:.8s cubic-bezier(.5,.1,.4,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preloader-overlay{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#0b0f1999;justify-content:center;align-items:center;animation:.2s ease-out preloader-fadeIn;display:flex;position:fixed;inset:0}.preloader-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;animation:.3s cubic-bezier(.34,1.56,.64,1) preloader-scaleUp;display:flex}.preloader-text{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.85em;font-weight:700}@keyframes preloader-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes preloader-scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start}.page-header>div,.page-header button{width:100%}}.grid-responsive-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.grid-responsive-2{grid-template-columns:1fr 1.2fr;align-items:start;gap:24px;display:grid}.grid-responsive-2-equal{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-responsive-settings-sub{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.grid-responsive-staff-form{grid-template-columns:1fr 1fr 1fr 1fr 1fr auto;align-items:end;gap:16px;display:grid}.grid-responsive-store-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;display:grid}.grid-responsive-product-modal-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-responsive-product-modal-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=900px){.grid-responsive-3,.grid-responsive-2,.grid-responsive-2-equal{grid-template-columns:1fr;gap:16px}.grid-responsive-settings-sub,.grid-responsive-staff-form{grid-template-columns:1fr;gap:12px}.admin-form-grid{gap:12px;grid-template-columns:1fr!important}.grid-responsive-store-form,.grid-responsive-product-modal-3,.grid-responsive-product-modal-2{grid-template-columns:1fr;gap:12px}}@media (width>=901px){.mobile-only{display:none!important}}@media (width<=900px){.desktop-only{display:none!important}}.mobile-card-list{flex-direction:column;gap:12px;display:flex}.mobile-list-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.mobile-list-card:active{background:var(--surface-hover);transform:scale(.995)}.mobile-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.mobile-card-header h4{color:var(--text-main);margin:0;font-size:.95rem;font-weight:700}.mobile-card-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mobile-card-field{flex-direction:column;gap:2px;display:flex}.mobile-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.mobile-card-value{color:var(--text-main);font-size:.88rem;font-weight:600}.mobile-card-actions{border-top:1px solid var(--border);gap:8px;margin-top:4px;padding-top:10px;display:flex}.mobile-card-actions button,.mobile-card-actions a{flex:1;padding:8px 12px;font-size:.8rem}