@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--bg-soft:#0c1322;--sidebar-bg:#080d1a;--sidebar-width:224px;--text:#f1f5f9;--muted:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f61f;--card:#0f172ae6;--border:#3b82f626;--input:#0a1020f2;--danger:#ef4444;--silver:#cbd5e1}*{box-sizing:border-box}body{font-family:var(--font-inter), Inter, "Segoe UI", Arial, Helvetica, sans-serif;color:var(--text);background:var(--bg);margin:0}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:10;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);padding:1.4rem 1.25rem 1.1rem}.sidebar-brand-name{letter-spacing:-.01em;color:var(--text);font-size:1.05rem;font-weight:800}.sidebar-brand-name span{color:var(--accent)}.sidebar-brand-sub{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem;font-size:.68rem}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.6;padding:.9rem 1rem .3rem;font-size:.65rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.1rem;padding:.6rem .6rem 0;display:flex}.sidebar-link{color:var(--muted);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.875rem;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar-link:hover{background:var(--accent-soft);color:var(--text)}.sidebar-link.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-link-icon{opacity:.75;flex-shrink:0;width:16px;height:16px}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.85rem .75rem;display:flex}.sidebar-user-email{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--muted);margin-top:.1rem;font-size:.7rem}.sidebar-logout{text-align:center;width:100%;padding:.45rem .75rem;font-size:.82rem}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.page-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#080d1a99;padding:1.25rem 1.5rem 1rem;position:sticky;top:0}.page-heading{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}.container{max-width:1200px;padding:1.5rem}.card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:1.1rem;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff08}.grid{gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.split-2{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.split-2>*{min-width:0}@media (max-width:900px){.split-2{grid-template-columns:1fr}}.split-1-2{grid-template-columns:1fr 2fr;gap:1rem;display:grid}.split-1-2>*{min-width:0}@media (max-width:900px){.split-1-2{grid-template-columns:1fr}}.muted{color:var(--muted)}.page-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .25rem;font-size:.78rem;font-weight:600}.kpi-value{letter-spacing:-.03em;color:var(--text);margin:.4rem 0 0;font-size:1.75rem;font-weight:800}.kpi-accent{color:var(--accent)}.input,.select{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);border-radius:10px;outline:none;margin-top:.35rem;padding:.62rem .76rem;font-size:.9rem}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{resize:vertical;min-height:5rem;font-family:inherit}.field{color:var(--muted);margin-top:.75rem;font-size:.88rem;display:block}.field:first-of-type{margin-top:0}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.error-text{color:var(--danger);margin-top:.75rem;font-size:.88rem}.button{cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:9px;align-items:center;gap:.4rem;padding:.56rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s,transform .12s,box-shadow .15s;display:inline-flex}.button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 18px #3b82f64d}.button.secondary{border-color:var(--border);color:var(--text);background:#ffffff0d}.button.secondary:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.button.danger{color:var(--danger);background:#ef444426;border-color:#ef444459}.button.danger:hover{box-shadow:none;background:#ef444440}.table{border-collapse:collapse;width:100%;margin-top:.6rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .65rem;font-size:.9rem}.table th{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.table tbody tr:hover{background:var(--accent-soft)}.table-wrap{border:1px solid var(--border);background:#00000026;border-radius:12px;overflow-x:auto}.table-wrap .table{margin-top:0}.table-wrap .table th,.table-wrap .table td{border-bottom-color:#3b82f614}.badge{letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:.18rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.badge-paid{color:var(--accent);background:var(--accent-soft);border-color:#3b82f666}.badge-pending{color:var(--muted)}.badge-late{color:#f87171;background:#ef444414;border-color:#ef444466}.badge-green{color:#34d399;background:#34d39914;border-color:#34d39966}.badge-red{color:#f87171;background:#ef44441f;border-color:#ef444466}.badge-orange{color:#fb923c;background:#fb923c1a;border-color:#fb923c73}.badge-blue{color:var(--accent);background:var(--accent-soft);border-color:#3b82f666}.badge-muted{color:var(--muted);border-color:var(--border);background:#ffffff08}.top-sellers{margin:0;padding:0;list-style:none}.top-sellers li{border-bottom:1px solid #3b82f614;justify-content:space-between;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.top-sellers li:last-child{border-bottom:0}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3}.modal{border:1px solid var(--border);color:var(--text);background:#0c1322;border-radius:14px;max-width:min(440px,94vw);padding:0;box-shadow:0 24px 80px #000000a6}.modal-inner{padding:1.1rem 1.2rem}.modal-header{color:var(--text);margin:0 0 .4rem;font-size:1rem;font-weight:700}.modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.modal p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}@media (max-width:768px){.sidebar{display:none}.layout{flex-direction:column}.main-content{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.container{padding:1rem}.page-header{padding:1rem 1rem .75rem}}.bottom-tab-bar{background:var(--sidebar-bg);border-top:1px solid var(--border);padding:.4rem .25rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;position:fixed;bottom:0;left:0;right:0}.bottom-tab-bar nav{justify-content:space-around;align-items:center;display:flex}.bottom-tab-link{color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;min-width:3rem;padding:.35rem .65rem;font-size:.62rem;font-weight:500;transition:color .15s,background .15s,transform .1s;display:flex}.bottom-tab-link:active{transform:scale(.92)}.bottom-tab-link.active{color:var(--accent);background:var(--accent-soft)}.bottom-tab-link-icon{width:22px;height:22px}@media (max-width:768px){.bottom-tab-bar{display:block}}.button:active{box-shadow:none;transform:scale(.96)}.sidebar-link:active{transform:scale(.97)}.card{transition:box-shadow .25s,border-color .25s,transform .2s}.card:hover{border-color:#3b82f659;box-shadow:0 1px 3px #0000004d,0 0 20px #3b82f614,0 0 40px #3b82f60a,inset 0 1px #ffffff08}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #3b82f626 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text-sm{width:60%;height:.75rem}.skeleton-card{height:120px}.skeleton-row{height:3rem;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.4s ease-out forwards slideUp}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.stagger-1{opacity:0;animation-delay:50ms}.stagger-2{opacity:0;animation-delay:.1s}.stagger-3{opacity:0;animation-delay:.15s}.stagger-4{opacity:0;animation-delay:.2s}.stagger-5{opacity:0;animation-delay:.25s}.stagger-6{opacity:0;animation-delay:.3s}