.ui-icon{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.admin-shell{min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--sidebar-top) 0,var(--sidebar-mid) 44%,var(--sidebar-bottom) 100%);border-right:1px solid #ffffff0d;box-shadow:inset -1px 0 0 #ffffff0a;color:#eff4ff;height:100vh;left:0;overflow:hidden;padding:18px 16px 20px;position:fixed;top:0;width:310px;z-index:30}.sidebar-glow{border-radius:50%;filter:blur(70px);opacity:.28;pointer-events:none;position:absolute}.sidebar-glow-top{background:#2f7aff6b;height:180px;left:-40px;top:-50px;width:180px}.sidebar-glow-bottom{background:#00a4ff2e;bottom:-90px;height:210px;left:-50px;width:210px}.brand-box{align-items:center;display:flex;gap:14px;padding:12px 14px 20px;position:relative}.brand-mark{background:#0000;border-radius:50%;box-shadow:0 14px 26px #ff6f1c2e;display:grid;height:46px;overflow:hidden;place-items:center;width:46px}.brand-mark-image{display:block;height:100%;object-fit:contain;width:100%}.brand-box h1{font-size:18px;font-weight:700;letter-spacing:.8px;margin:0}.brand-box p{color:#eef2fb;font-size:13px;font-weight:700;letter-spacing:2.4px;margin:5px 0 0;text-transform:uppercase}.side-scroll{display:flex;flex-direction:column;height:calc(100vh - 108px);overflow:auto;padding-right:4px;position:relative;scrollbar-color:#97add680 #0000;scrollbar-width:thin}.side-scroll::-webkit-scrollbar{width:8px}.side-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7b94c473,#445d9073);border-radius:999px}.side-scroll::-webkit-scrollbar-track{background:#0000}.menu-block{background:#ffffff08;border:1px solid #ffffff0d;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff0a;padding:10px}.menu-block,.menu-standalone{margin-top:14px}.menu-standalone-bottom{margin-top:auto;padding-top:18px}.standalone-item{margin-bottom:10px}.side-item-profile-card{background:linear-gradient(180deg,#1e305cf5,#152449fa);border:1px solid #84a5e847;border-radius:22px;box-shadow:0 18px 34px #05102757,inset 0 1px 0 #ffffff14;display:block;overflow:hidden;padding:0}.side-item-profile-card:hover{background:linear-gradient(180deg,#213566fa,#162750);transform:translateY(-1px)}.side-item-profile-card.active{background:linear-gradient(180deg,#20366c,#172954);box-shadow:0 20px 38px #0714316b,inset 0 1px 0 #ffffff1f}.side-item-profile-main{padding:12px 12px 10px;position:relative}.side-item-profile-main:after{background:linear-gradient(90deg,#708fd475,#708fd414);bottom:0;content:"";height:1px;left:14px;position:absolute;right:14px}.side-item-profile-top{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto}.side-item-profile-avatar{background:radial-gradient(circle at 30% 30%,#8dc3ff,#4c72b8 58%,#27406f 100%);border:2px solid #96baf461;border-radius:50%;box-shadow:0 10px 22px #030e2657;display:grid;height:48px;place-items:center;width:48px}.side-item-profile-avatar-fallback{color:#fff;font-size:16px;font-weight:800;letter-spacing:.06em}.side-item-profile-copy{min-width:0}.side-item-profile-copy strong{font-size:14px}.side-item-profile-copy span{color:#b3c4e7;font-size:11px;margin-top:3px}.side-item-profile-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 12px 0}.side-item-profile-edit{color:#fff;font-size:12px;font-weight:700}.menu-section-title{color:#dfe9fb;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.menu-section-subtitle{color:#8ea6cf;font-size:11px;font-weight:500;margin:6px 0 0}.section-toggle{align-items:center;background:#0000;border:0;color:inherit;display:flex;gap:12px;justify-content:space-between;padding:8px 8px 10px;text-align:left;width:100%}.section-toggle.open{border-bottom:1px solid #ffffff0f;margin-bottom:10px}.section-toggle-copy{min-width:0}.section-chevron{stroke:#9fb6dd;stroke-width:2;fill:none;flex:0 0 auto;height:18px;transition:transform .2s ease,stroke .2s ease;width:18px}.section-chevron.open{stroke:#f4f8ff;transform:rotate(90deg)}.section-dropdown{padding:2px 2px 0}.side-item{align-items:center;background:#0000;border:0;border-radius:18px;color:#edf3ff;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:13px 14px;position:relative;text-align:left;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.side-item:hover{background:linear-gradient(90deg,#ffffff1a,#638fff1f);box-shadow:0 14px 26px #0a183438,inset 0 1px 0 #ffffff14;transform:translateX(3px)}.side-item-left{align-items:center;display:flex;gap:12px;min-width:0}.side-icon{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;color:#f7fbff;display:grid;flex:0 0 auto;font-size:17px;height:38px;place-items:center;position:relative;width:38px}.sidebar-glyph{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;height:18px;width:18px}.side-item strong{display:block;font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.35}.side-item span{color:#9eb1d1;display:block;font-size:11px;font-weight:500;margin-top:3px}.side-item.active{background:linear-gradient(90deg,#1f66ff,#3479ff);box-shadow:0 12px 22px #1f66ff3d,inset 0 1px 0 #ffffff29}.side-item.active .side-icon{background:#ffffff2e;border-color:#ffffff2e}.side-item.active span{color:#dbe8ff}.side-item-blink{animation:side-item-blink-card 1.2s ease-in-out infinite;border-radius:14px}.side-item-blink .side-icon{animation:side-item-blink-pulse 1.2s ease-in-out infinite}.side-item-blink .side-icon:after{background:#ff3b3b;border-radius:50%;box-shadow:0 0 0 2px #101a33;content:"";height:9px;position:absolute;right:6px;top:6px;width:9px}@keyframes side-item-blink-pulse{0%,to{box-shadow:0 0 0 0 #ff3b3b8c}50%{box-shadow:0 0 0 6px #ff3b3b00}}@keyframes side-item-blink-card{0%,to{background:#ff3b3b1a;box-shadow:0 0 0 0 #ff3b3b8c,inset 0 0 0 1px #ff3b3b40}50%{background:#ff3b3b73;box-shadow:0 0 0 5px #ff3b3b00,inset 0 0 0 1px #ff3b3bb3}}.circle-badge{background:linear-gradient(135deg,#ff744d,#f53);border-radius:50%;box-shadow:0 8px 18px #ff623b66;color:#fff;display:grid;font-size:11px;height:26px;place-items:center;width:26px}.item-pill{background:#ffbf1f;border-radius:999px;box-shadow:0 4px 10px #ffbf1f24;color:#2a1700;font-size:10px;font-style:normal;font-weight:600;padding:5px 10px}.item-meta{align-items:center;display:flex;gap:8px}.side-item-with-action{gap:10px}.side-item-action-group{align-items:center;display:flex;flex:0 0 auto;gap:8px}.side-item-settings-btn{background:#ffffff14;border:0;border-radius:10px;box-shadow:none;color:#ffffffeb;display:grid;height:32px;padding:0;place-items:center;transition:background .18s ease,color .18s ease,transform .18s ease;width:32px}.side-item-settings-btn:hover{background:#ffffff24;color:#fff;transform:translateY(-1px)}.side-item-settings-btn .sidebar-glyph{stroke-width:2.1;height:19px;width:19px}.side-item-settings-btn-large{background:linear-gradient(180deg,#24396bf5,#1c2e5bfa);border:1px solid #7797db47;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff12;height:44px;width:44px}.side-item-settings-btn-large:hover{background:linear-gradient(180deg,#2d457efa,#1f3260)}.side-item-settings-btn-large .sidebar-glyph{height:19px;width:19px}.side-group{margin-bottom:8px}.side-item-parent{margin-bottom:0}.side-item-sub-toggle{background:#ffffff14;border:0;border-radius:8px;display:grid;flex:0 0 auto;height:24px;place-items:center;width:24px}.side-item-sub-toggle:hover{background:#ffffff29}.side-item-sub-toggle .section-chevron{stroke:#cddaf3;height:14px;width:14px}.side-item-sub{background:#ffffff08;border-left:1px solid #ffffff24;border-radius:14px;margin-bottom:8px;margin-left:19px;padding:8px 12px 8px 16px}.side-item-sub:hover{background:#ffffff14;box-shadow:none;transform:translateX(2px)}.side-item-sub .side-icon{border-radius:10px;height:30px;width:30px}.side-item-sub .sidebar-glyph{height:15px;width:15px}.side-item-sub strong{font-size:12px}.side-item-sub span{font-size:10px}.side-item-sub.active{background:linear-gradient(180deg,#3479ff42,#3479ff29);box-shadow:inset 0 0 0 1px #78a6ff47}.submenu-chevron{stroke:currentColor;stroke-width:2;fill:none;height:16px;transition:transform .2s ease;width:16px}.submenu-chevron.open{transform:rotate(90deg)}.side-submenu{border-left:1px solid #ffffff24;margin:8px 0 0 14px;padding:10px 0 2px 18px;position:relative}.side-submenu:before{background:linear-gradient(180deg,#ffffff38,#ffffff0f);bottom:6px;content:"";left:-1px;position:absolute;top:0;width:1px}.side-subitem{align-items:flex-start;background:#ffffff08;border:1px solid #0000;border-radius:14px;color:#cddaf3;display:flex;gap:10px;margin-bottom:6px;margin-left:2px;padding:10px 12px;position:relative;transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.side-subitem:before{background:#ffffff29;content:"";height:1px;left:-14px;position:absolute;top:18px;width:10px}.side-subitem:hover{background:#ffffff14;border-color:#ffffff14;transform:translateX(2px)}.side-subitem-marker{background:#ffffff47;border-radius:999px;flex:0 0 auto;height:8px;margin-top:7px;width:8px}.side-subitem strong{color:#eff4ff;display:block;font-size:12px;font-weight:700}.side-subitem span{color:#9eb1d1;display:block;font-size:10px;margin-top:2px}.side-subitem.active{background:linear-gradient(180deg,#3479ff42,#3479ff29);border-color:#78a6ff47;box-shadow:inset 0 0 0 1px #78a6ff29}.side-subitem.active .side-subitem-marker{background:#fff}.content-area{margin-left:310px;min-width:0}.topbar{grid-gap:18px;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);box-shadow:0 8px 22px #1223430a;display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;height:78px;padding:0 20px;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{align-items:center;display:flex;gap:14px}.topbar-right{gap:12px}.header-icons{gap:16px}.header-icons,.theme-switcher{align-items:center;display:flex}.theme-switcher{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);gap:8px;padding:4px}.theme-chip{align-items:center;background:#0000;border:0;border-radius:12px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;gap:6px;min-height:34px;padding:0 10px;text-transform:capitalize}.theme-chip.active{background:var(--surface-accent);color:var(--primary)}.topbar-left h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0}.topbar-subtitle{color:var(--muted);font-size:12px;font-weight:500;margin:2px 0 0}.search-bar{align-items:center;background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 1px 0 #ffffffe6,var(--shadow-sm);display:flex;gap:10px;height:48px;max-width:580px;padding:0 16px;position:relative;width:100%}.search-suggestions{background:#fff;background:var(--surface-1,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px #0f172a2e;box-shadow:var(--shadow-lg,0 18px 40px #0f172a2e);display:flex;flex-direction:column;left:0;max-height:380px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:60}.search-suggestion{align-items:center;background:#0000;border:0;border-radius:10px;color:var(--text);cursor:pointer;display:flex;gap:10px;padding:9px 10px;text-align:left;width:100%}.search-suggestion:focus-visible,.search-suggestion:hover{background:#f1f5f9;background:var(--surface-2,#f1f5f9);outline:none}.search-suggestion-type{background:#eef2f7;background:var(--surface-2,#eef2f7);border:1px solid var(--line);border-radius:6px;color:#5f6e87;flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 6px;text-transform:uppercase}.search-suggestion-text{display:flex;flex-direction:column;min-width:0}.search-suggestion-label{font-size:13px;font-weight:600}.search-suggestion-label,.search-suggestion-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-sub{color:#7a869c;font-size:11px}.search-bar svg{color:#5f6e87;flex:0 0 auto}.search-bar-trigger{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.search-bar input{background:#0000;border:0;color:var(--text);font-size:16px;font-weight:500;outline:none;width:100%}.search-bar input::placeholder{color:#94a3bd;opacity:1}.search-bar input::-webkit-search-cancel-button,.search-bar input::-webkit-search-decoration{appearance:none}.search-bar input:-webkit-autofill,.search-bar input:-webkit-autofill:focus,.search-bar input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0000;caret-color:var(--text);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.icon-btn{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);color:#5f6e87;display:grid;height:42px;place-items:center;transition:transform .2s ease,box-shadow .2s ease;width:42px}.icon-btn svg{height:19px;width:19px}.icon-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-chip{align-items:center;display:flex;gap:12px;margin-left:4px;padding-left:2px}.profile-chip strong{display:block;font-size:14px}.profile-chip span{color:var(--muted);font-size:12px}.profile-chip .profile-avatar{background:#0000;border-radius:50%;box-shadow:0 10px 22px #ff6f1c29;display:grid;height:26px;overflow:hidden;place-items:center;width:26px}.profile-chip .profile-avatar-image{display:block;height:100%;object-fit:contain;width:100%}.page-body{padding:16px 18px 18px}.filter-strip{display:flex;justify-content:flex-end;margin-bottom:14px}@media print{.filter-strip,.mobile-overlay,.sidebar,.topbar{display:none!important}.content-area{margin-left:0!important}.page-body{padding:0!important}}.date-range-picker{align-items:flex-end;display:inline-flex;flex-direction:column;position:relative}.date-chip{align-items:center;border-radius:18px;display:inline-flex;font-size:18px;font-weight:700;gap:10px;min-height:54px;padding:12px 18px}.date-chip-icon{stroke:#1d3158;stroke-width:1.8;fill:none;flex:0 0 auto;height:18px;width:18px}.date-popover{grid-gap:12px;background:color-mix(in srgb,var(--surface-1) 96%,#0000);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 36px #11264924;display:grid;gap:12px;min-width:280px;padding:14px;position:absolute;right:0;top:calc(100% + 10px);z-index:30}.date-field{grid-gap:6px;display:grid;gap:6px}.date-field span{color:var(--text-soft);font-size:12px;font-weight:700}.date-field input{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;color:var(--text);height:44px;outline:none;padding:0 12px}.date-field input:focus{border-color:#bfd2ff;box-shadow:0 0 0 4px #2563eb14}.mobile-only,.mobile-overlay{display:none}@media (max-width:1024px){.content-area{margin-left:0}.sidebar{box-shadow:0 20px 50px #00000040;left:-330px;transition:left .25s ease;width:310px}.sidebar.open{left:0}.mobile-overlay{background:#06102273;border:0;display:block;inset:0;position:fixed;z-index:25}.mobile-only{display:grid}.desktop-only{display:none}.topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:0 14px}.topbar-left{min-width:0}.topbar-left h2{font-size:20px}.profile-chip{gap:10px}.menu-standalone-bottom{margin-top:14px;padding-top:0}.side-item-profile-avatar{height:44px;width:44px}.side-item-settings-btn-large{height:40px;width:40px}}@media (max-width:768px){.search-bar{display:none}.topbar{grid-template-columns:auto 1fr;height:auto;padding:12px;row-gap:10px}.topbar-left{grid-column:1/-1;width:100%}.topbar-right{gap:8px;justify-self:end}.profile-chip span,.theme-switcher,.topbar-subtitle{display:none}.page-body{padding:12px}.filter-strip{justify-content:stretch}.date-range-picker{width:100%}.date-chip{font-size:16px;justify-content:center;width:100%}.date-popover{left:0;min-width:0;right:0}.profile-chip strong{display:none}.side-item-profile-top{grid-template-columns:auto minmax(0,1fr) 40px}.side-item-profile-copy strong{font-size:14px}}@media (max-width:560px){.sidebar{left:calc(min(86vw, 310px)*-1 - 20px);width:min(86vw,310px)}.sidebar.open{left:0}.brand-box{padding-right:8px}.topbar-left h2{font-size:18px}.icon-btn,.profile-chip .profile-avatar{height:26px;width:26px}}.btn,.date-chip{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);color:var(--text);font-weight:600;padding:11px 14px}.btn{align-items:center;display:inline-flex;gap:8px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.primary{background:linear-gradient(90deg,#1d66ff,#3479ff);border-color:#0000;color:#fff}.btn.success{background:#e9f8ee;color:#1d9253}.btn.danger{background:#fff0f0;color:#cc4040}.btn.light{background:var(--surface-3)}.btn.small{font-size:12px;padding:8px 10px}.btn.wide-btn{width:100%}.panel-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;padding:20px;position:relative}.panel-card:before{background:linear-gradient(90deg,#ffffffe6,#2563eb2e,#ffffffe6);content:"";height:1px;inset:0 0 auto;position:absolute}.card-header,.page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.card-header{margin-bottom:16px}.page-header h2{font-size:var(--text-h1)}.card-header h3,.page-header h2{font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:0}.card-header h3{font-size:var(--text-h2)}.card-header-right,.page-header-action{flex:0 0 auto}.muted-text,.page-header p{color:var(--muted);font-size:var(--text-body);margin:8px 0 0}.data-table{border-collapse:collapse;width:100%}.data-table thead th{background:var(--surface-3);border-bottom:1px solid var(--line);color:var(--text-soft);font-size:13px;font-weight:600;padding:14px;text-align:left}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody td{border-top:1px solid var(--line);padding:14px;vertical-align:middle}.compact-table tbody td,.compact-table thead th{padding:12px}.table-wrap{overflow-x:auto}.actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.table-select{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text);height:40px;padding:0 12px}.table-tools{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.table-search{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text);font-size:13px;height:40px;min-width:220px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease}.table-search::placeholder{color:var(--text-soft)}.table-search:focus{border-color:#93b4ff;box-shadow:0 0 0 3px #2563eb24;outline:none}.status-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:7px 12px}.status-badge.bank-request,.status-badge.cod,.status-badge.kyc-pending,.status-badge.low-stock,.status-badge.new-order,.status-badge.pending{background:#fff4dd;border-color:#ffe8b0;color:#b77d12}.status-badge.approved,.status-badge.credit,.status-badge.delivered,.status-badge.healthy,.status-badge.paid,.status-badge.verified{background:#e9f8ee;border-color:#c8ecd6;color:#1b9651}.status-badge.not-verified{background:#fff4dd;border-color:#ffe8b0;color:#b77d12}.status-badge.active,.status-badge.confirmed,.status-badge.in-payout,.status-badge.shipped{background:#ecf2ff;border-color:#d6e3ff;color:#2b6fff}.status-badge.completed{background:#e3f2fd;border-color:#bbdefb;color:#1565c0}.status-badge.cancelled,.status-badge.debit,.status-badge.out-of-stock,.status-badge.rejected{background:#fff0f0;border-color:#ffd7d7;color:#cc4242}.status-badge.settled,.status-badge.successful{background:#e9f8ee;border-color:#c8ecd6;color:#1b9651}.status-badge.disputed,.status-badge.failed,.status-badge.not-settled{background:#fff0f0;border-color:#ffd7d7;color:#cc4242}.status-badge.refunded{background:#f3efff;border-color:#ddd3ff;color:#6d49ff}.status-badge.draft{background:#f5f7fb;border-color:#e2e7f0;color:#6d7b93}.status-badge.refunded{background:#f2f5f9;border-color:#dee6ef;color:#596882}.status-badge[class*=low-stock]{background:#fff4dd;color:#b77d12}.status-badge[class*=self-purchase]{background:#e9fbf1;border-color:#c7f0d9;color:#189258}.status-badge[class*=referral]{background:#edf2ff;border-color:#d6e0ff;color:#3352d9}.dashboard-page{grid-gap:18px;display:grid;gap:18px}.chart-filter-select{appearance:auto;background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);color:var(--text);font-size:15px;font-weight:600;height:52px;min-width:174px;outline:none;padding:0 42px 0 18px}.chart-filter-select:focus{border-color:#bfd2ff;box-shadow:0 0 0 4px #2563eb14}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{align-items:center;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #e0e8f3f2;border-radius:20px;box-shadow:var(--shadow-md);display:flex;gap:14px;min-height:114px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.stat-card-button{cursor:pointer;font:inherit;text-align:left;width:100%}.stat-card-button.is-disabled,.stat-card-button:disabled,.view-link:disabled{box-shadow:var(--shadow-md);cursor:not-allowed;opacity:.55;transform:none}.stat-card-button:focus-visible{outline:2px solid #2d72ff73;outline-offset:3px}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-copy{min-width:0;width:100%}.stat-row-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:4px}.stat-card span{color:var(--text-soft);display:block;font-size:13px;font-weight:500}.stat-card strong{display:block;font-size:21px;letter-spacing:-.03em;line-height:1.1;margin-bottom:8px}.stat-card small{color:#2c9b5a;font-size:13px;font-weight:700}.stat-chip{background:#edf4ff;border:1px solid #d6e6ff;border-radius:999px;color:var(--primary);font-size:11px;font-style:normal;font-weight:700;padding:5px 9px}.stat-icon{border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3;display:grid;flex:0 0 auto;font-size:16px;height:52px;place-items:center;width:52px}.stat-icon.rose{background:#ffefef;color:#d76060}.stat-icon.blue{background:#eaf1ff;color:#2d72ff}.stat-icon.amber{background:#fff4df;color:#c8921c}.stat-icon.mint{background:#eaf8ef;color:#1d9752}.stat-icon.red{background:#ffecec;color:#d05353}.dashboard-row.two-col{align-items:stretch;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.dashboard-row.four-col,.dashboard-row.single-col,.dashboard-row.two-col{grid-gap:18px;display:grid;gap:18px}.dashboard-row.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-card{padding-bottom:18px}.dashboard-sales-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-sales-tile{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px}.dashboard-sales-tile.featured{background:linear-gradient(135deg,#163774,#2c71ff);border-color:#0000}.dashboard-sales-tile.clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.dashboard-sales-tile.clickable:hover{box-shadow:0 6px 18px #1737741f;transform:translateY(-1px)}.dashboard-sales-tile span{color:var(--muted);display:block;font-size:12px;font-weight:600}.dashboard-sales-tile.featured small,.dashboard-sales-tile.featured span{color:#ffffffbf}.dashboard-sales-tile strong{color:var(--text);display:block;font-size:22px;margin-top:6px}.dashboard-sales-tile.featured strong{color:#fff}.dashboard-sales-tile small{color:var(--muted);display:block;font-size:11px;margin-top:4px}.dashboard-order-status-grid{grid-gap:10px;display:grid;gap:10px}.dashboard-order-status-tile{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.dashboard-order-status-tile.active,.dashboard-order-status-tile:hover{border-color:var(--tile-color,var(--line));box-shadow:0 8px 20px #0f172a0f;transform:translateY(-1px)}.dashboard-order-status-dot{background:#94a3b8;background:var(--tile-color,#94a3b8);border-radius:50%;flex:0 0 auto;height:10px;width:10px}.dashboard-order-status-label{color:var(--text-soft);flex:1 1;font-size:13px;font-weight:600;text-align:left}.dashboard-order-status-tile strong{color:var(--text);font-size:16px}.inventory-alert-list,.inventory-row,.user-row,.users-stack{grid-gap:12px;display:grid;gap:12px}.inventory-row,.user-row{align-items:center;border-top:1px solid var(--line);padding:12px 0}.user-row-button{background:#0000;border:0;border-radius:16px;cursor:pointer;text-align:left;transition:background .18s ease,transform .18s ease;width:100%}.user-row-button:hover{background:color-mix(in srgb,var(--surface-accent) 42%,#0000);transform:translateY(-1px)}.inventory-row:first-child,.user-row:first-child{border-top:0}.user-row{grid-template-columns:auto 1fr auto auto}.user-row strong{display:block}.user-row span{display:block;margin-top:4px}.user-row em,.user-row span{color:var(--muted);font-size:12px}.user-row em{font-style:normal}.avatar-sm{background:linear-gradient(135deg,#163774,#2c71ff);border-radius:50%;box-shadow:0 10px 22px #2563eb2e;color:#fff;display:grid;height:40px;place-items:center;width:40px}.view-link{background:#0000;border:0;color:var(--primary);font-weight:700;padding:0}.view-link:hover{opacity:.85}.quick-btn:disabled:hover,.stat-card-button:disabled:hover,.view-link:disabled:hover{box-shadow:var(--shadow-md);opacity:.55;transform:none}.under-link{margin-top:14px}.quick-actions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr))}.quick-btn{align-items:center;border:0;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff2e,0 14px 28px #1126491f;color:#fff;display:flex;font-weight:700;gap:10px;justify-content:center;min-height:58px;transition:transform .2s ease,box-shadow .2s ease}.quick-btn:disabled{box-shadow:inset 0 1px 0 #ffffff2e,0 10px 20px #11264914;cursor:not-allowed;opacity:.55;transform:none}.quick-btn:hover{box-shadow:0 18px 34px #1126492e;transform:translateY(-2px)}.quick-btn-icon{background:#ffffff2e;border-radius:50%;display:grid;font-size:13px;height:24px;place-items:center;width:24px}.quick-btn.blue{background:linear-gradient(90deg,#1061ff,#2f81ff)}.quick-btn.green{background:linear-gradient(90deg,#0b8a3c,#0da955)}.quick-btn.purple{background:linear-gradient(90deg,#5a23cc,#8a42ff)}.quick-btn.orange{background:linear-gradient(90deg,#e27400,#ff9914)}.quick-btn.indigo{background:linear-gradient(90deg,#1f3ab8,#3556ff)}.quick-btn.teal{background:linear-gradient(90deg,#00718f,#13a4b8)}.quick-btn.rose{background:linear-gradient(90deg,#c81e64,#ee4a86)}.summary-big{font-size:40px;font-weight:800;letter-spacing:-.04em;margin-top:12px}.split-values{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}.split-values span{color:var(--muted);display:block;font-size:13px;margin-bottom:4px}.trend-up{color:#18a252;font-weight:700;margin-top:8px}@media (max-width:1280px){.dashboard-row.four-col,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1024px){.dashboard-row.two-col{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-row.four-col,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.stat-card strong{font-size:24px}.summary-big{font-size:34px}.user-row{grid-template-columns:auto 1fr}.user-row .status-badge,.user-row em{grid-column:2;justify-self:start}}.login-shell{background:radial-gradient(circle at 15% 20%,#2563eb33,#0000 28%),radial-gradient(circle at 85% 18%,#0ea5e92e,#0000 26%),linear-gradient(135deg,#07152d,#0c2347 42%,#eef4ff 0,#f8fbff);display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,680px);min-height:100vh;overflow:hidden;position:relative}.login-shell:before{background:linear-gradient(#3b82f614 1px,#0000 0),linear-gradient(90deg,#3b82f614 1px,#0000 0),linear-gradient(180deg,#bfdbfe6b,#fff0);background-size:24px 24px,24px 24px,100% 100%;border-radius:28px;bottom:28px;content:"";right:24px;top:28px;width:min(46vw,760px)}.login-ambient,.login-shell:before{pointer-events:none;position:absolute}.login-ambient{border-radius:999px;filter:blur(10px);opacity:.85}.login-ambient-one{background:#38bdf82e;height:280px;right:28%;top:-60px;width:280px}.login-ambient-two{background:#3b82f629;bottom:-120px;height:340px;left:-80px;width:340px}.login-panel-wrap,.login-showcase{position:relative;z-index:1}.login-showcase{color:#eff6ff;display:flex;flex-direction:column;justify-content:center;padding:136px 56px 56px 72px}.login-brand-badge{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#0f2245f5,#0b1b39f5);border:1px solid #7c9cd33d;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0a,0 14px 30px #040a182e;display:inline-flex;gap:14px;padding:13px 18px;width:fit-content}.login-brand-badge-wrap{position:absolute;right:24px;top:56px;width:fit-content;z-index:2}.login-brand-badge-button{cursor:pointer;text-align:left}.login-role-menu{grid-gap:8px;background:#08142bf5;border:1px solid #bfdbfe2e;border-radius:18px;box-shadow:0 24px 60px #050a1947;display:grid;gap:8px;min-width:100%;padding:10px;position:absolute;right:0;top:calc(100% + 10px)}.login-role-option{background:#ffffff0a;border:0;border-radius:14px;color:#eff6ff;font-size:.95rem;font-weight:700;min-height:42px;padding:0 14px;text-align:left}.login-role-option.active{background:linear-gradient(135deg,#60a5fa47,#2563eb38)}.login-brand-badge strong,.login-highlight-card h2,.login-panel-top h2{margin:0}.login-brand-badge span,.login-brand-badge strong{color:#eff6ff}.login-brand-badge span,.login-panel-top span{display:block}.login-brand-mark{background:#0000;border-radius:50%;box-shadow:0 12px 24px #ff74122e;display:grid;height:46px;overflow:hidden;place-items:center;width:46px}.login-brand-mark-image{display:block;height:100%;object-fit:contain;width:100%}.login-copy{margin-top:34px;max-width:640px}.login-eyebrow,.login-panel-kicker{font-size:.76rem;font-weight:700;letter-spacing:.16em;margin:0 0 12px;text-transform:uppercase}.login-copy h1{font-size:clamp(2.1rem,3.2vw,3.4rem);letter-spacing:-.04em;line-height:1.05;margin:0}.login-description{color:#e2e8f0e0;font-size:1.05rem;line-height:1.8;margin:18px 0 0;max-width:560px}.login-highlights{grid-gap:18px;display:grid;gap:18px;margin-top:42px;max-width:620px}.login-highlight-card{grid-gap:16px;align-items:start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0712247a;border:1px solid #bfdbfe24;border-radius:22px;display:grid;gap:16px;grid-template-columns:52px 1fr;padding:20px 22px}.login-highlight-card p{color:#e2e8f0c7;line-height:1.6;margin:8px 0 0}.login-feature-icon{stroke:#bfdbfe;stroke-width:1.8;fill:none;background:#2563eb29;border-radius:16px;height:52px;padding:13px;width:52px}.login-panel-wrap{align-items:center;display:flex;justify-content:flex-start;padding:42px 28px 42px 0}.login-panel{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:hsla(0,0%,100%,.985);border:1px solid #d6dfece6;border-radius:34px;box-shadow:0 30px 80px #0f172a24;margin-left:-108px;padding:44px 44px 42px;width:min(100%,666px)}.login-card-logo{height:146px;margin:0 auto 24px;max-width:100%;overflow:hidden;position:relative;width:300px}.login-card-logo-image{filter:drop-shadow(0 16px 28px rgba(255,105,20,.16));height:605px;left:-145px;max-width:none;position:absolute;top:-200px;width:605px}.login-panel-top{margin-bottom:24px;text-align:center}.login-panel-top h2{color:#0f172a;font-size:clamp(1.98rem,2.2vw,2.14rem);line-height:1.12}.login-panel-top span{color:#64748b;font-size:.96rem;font-weight:600;line-height:1.45;margin-top:10px}.login-panel-kicker{color:#2563eb;font-size:.82rem;letter-spacing:.26em;margin:0 0 15px;text-align:center}.login-form{grid-gap:16px;display:grid;gap:16px}.login-field{grid-gap:10px;display:grid;gap:10px}.login-field span{color:#334155;font-size:.96rem;font-weight:700}.login-field-with-action{align-items:center;display:flex;gap:10px}.login-field input{background:#fbfdff;border:1px solid #d3deef;border-radius:18px;color:#0f172a;font-size:.97rem;padding:13px 16px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.login-field-with-action input{flex:1 1}.login-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa29;outline:none;transform:translateY(-1px)}.login-inline-btn{background:linear-gradient(135deg,#edf4ff,#dfeaff);border:0;border-radius:16px;color:#2458de;font-size:.84rem;font-weight:800;height:46px;min-width:112px;padding:0 14px;white-space:nowrap}.login-resend-btn{align-self:flex-start;background:#0000;border:0;color:#2458de;cursor:pointer;font-size:.86rem;font-weight:700;margin:-4px 0 0;padding:6px 4px}.login-resend-btn:disabled{color:#9aa6bf;cursor:not-allowed}.login-resend-btn:not(:disabled):hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:68px}.password-toggle{background:#edf4ff;border:0;border-radius:14px;color:#2563eb;cursor:pointer;display:grid;height:38px;padding:0;place-items:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px}.password-toggle-icon{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.login-actions-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:4px}.remember-me{align-items:center;color:#334155;display:inline-flex;font-size:.93rem;font-weight:600;gap:10px}.remember-me input{accent-color:#2563eb;height:16px;width:16px}.forgot-password-btn{background:#0000;border:0;color:#2563eb;font-size:.93rem;font-weight:700;padding:0}.login-info{background:#eef6ff;border-radius:14px;color:#2556be;font-size:.92rem;font-weight:600;margin:-2px 0 0;padding:12px 14px}.login-verified-message{color:#15945d;font-size:.9rem;font-weight:700;margin:2px 0 0}.login-error{background:#fff1f2;border-radius:14px;color:#be123c;font-size:.92rem;font-weight:600;margin:0;padding:12px 14px}.login-submit{background:linear-gradient(135deg,#1d4ed8,#2563eb 52%,#0ea5e9);border:0;border-radius:18px;box-shadow:0 18px 32px #2563eb47;color:#fff;font-weight:700;padding:15px 18px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.login-submit:hover:not(:disabled){box-shadow:0 22px 40px #2563eb52;transform:translateY(-1px)}.login-submit:disabled{cursor:wait;opacity:.7}@media (max-width:1080px){.login-shell{background:radial-gradient(circle at 20% 12%,#2563eb33,#0000 28%),linear-gradient(180deg,#07152d,#0c2347 38%,#f4f8ff 0,#f8fbff);grid-template-columns:1fr}.login-shell:before{bottom:18px;height:44%;left:24px;right:24px;top:auto;width:auto}.login-showcase{padding:108px 24px 18px}.login-brand-badge-wrap{right:16px;top:40px}.login-panel-wrap{align-items:flex-start;padding:24px}.login-panel{margin-left:0}}@media (max-width:640px){.login-showcase{padding:92px 18px 8px}.login-brand-badge-wrap{right:12px;top:28px}.login-copy h1{font-size:2.3rem}.login-description{font-size:.98rem;line-height:1.65}.login-highlights{gap:14px;margin-top:28px}.login-highlight-card{grid-template-columns:1fr}.login-panel-wrap{padding:18px}.login-panel{border-radius:24px;padding:22px 18px 24px}.login-card-logo{height:102px;width:210px}.login-card-logo-image{height:423px;left:-102px;top:-140px;width:423px}.login-actions-row{align-items:flex-start;flex-direction:column}.login-field-with-action{align-items:stretch;flex-direction:column}.login-inline-btn{width:100%}}:root{--bg:#eff3f8;--bg-soft:#f8fbff;--card:#fffffff5;--line:#e5ebf4;--line-strong:#d6dfec;--text:#182338;--text-soft:#5f6f88;--muted:#7f8ea6;--primary:#2563eb;--primary-2:#1d4ed8;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--sidebar-top:#0b1f45;--sidebar-mid:#0b1d3d;--sidebar-bottom:#071224;--shadow-sm:0 6px 18px #1126490d;--shadow-md:0 16px 40px #11264914;--shadow-lg:0 18px 50px #0a1c3824;--topbar-bg:#ffffffd1;--topbar-border:#d6dfeccc;--surface-1:#fff;--surface-2:#fbfdff;--surface-3:#f7faff;--surface-accent:#edf4ff;--radius:20px;--text-h1:26px;--text-h2:16px;--text-body:14px;--text-small:12px}body[data-theme=dark]{--bg:#0f1726;--bg-soft:#111d31;--card:#121c2df5;--line:#243246;--line-strong:#32445d;--text:#e6edf8;--text-soft:#bac8de;--muted:#8ea0bc;--primary:#6aa6ff;--primary-2:#4a8cff;--sidebar-top:#07101d;--sidebar-mid:#0b1526;--sidebar-bottom:#040914;--shadow-sm:0 10px 24px #00000038;--shadow-md:0 18px 42px #00000047;--shadow-lg:0 22px 54px #00000057;--topbar-bg:#09101dd6;--topbar-border:#32445db8;--surface-1:#132033;--surface-2:#16253b;--surface-3:#101b2d;--surface-accent:#192c4a}body[data-theme=contrast]{--bg:#f3f0e8;--bg-soft:#fcfaf4;--card:#fffcf4fa;--line:#d9cdb4;--line-strong:#cbb992;--text:#1f1a10;--text-soft:#55472d;--muted:#78684b;--primary:#0c63ff;--primary-2:#003fb8;--sidebar-top:#231b0f;--sidebar-mid:#2f2413;--sidebar-bottom:#161007;--shadow-sm:0 8px 20px #392a0c14;--shadow-md:0 18px 36px #392a0c1f;--shadow-lg:0 24px 48px #392a0c2e;--topbar-bg:#fffcf4e6;--topbar-border:#cbb992cc;--surface-1:#fffdf7;--surface-2:#faf5e8;--surface-3:#f5edd9;--surface-accent:#e9f0ff}*{box-sizing:border-box}#root,body,html{background:radial-gradient(circle at top left,color-mix(in srgb,#2563eb 14%,#0000),#0000 22%),radial-gradient(circle at top right,color-mix(in srgb,#182338 8%,#0000),#0000 24%),linear-gradient(180deg,#f8fbff,#eff3f8);background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 14%,#0000),#0000 22%),radial-gradient(circle at top right,color-mix(in srgb,var(--text) 8%,#0000),#0000 24%),linear-gradient(180deg,var(--bg-soft) 0,var(--bg) 100%);color:#182338;color:var(--text);font-family:Inter,Arial,sans-serif;margin:0;min-height:100%}body,html{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased}.app-loading{color:#5f6f88;color:var(--text-soft);display:grid;font-size:15px;font-weight:600;min-height:100vh;place-items:center}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input::placeholder{color:#98a4b8}canvas,img,svg,video{max-width:100%}table{width:100%}#root,.admin-shell,.content-area,.page-body,[class$=-card],[class$=-grid],[class$=-layout],[class$=-page],[class$=-panel],[class$=-shell],[class*="-card "],[class*="-grid "],[class*="-layout "],[class*="-page "],[class*="-panel "],[class*="-shell "],[class*=chart-wrap],[class*=list-wrap],[class*=matrix-grid],[class*=summary-grid],[class*=table-wrap]{min-width:0}@media (max-width:900px){[class*=action-row],[class*=filter-bar],[class*=filter-row],[class*=filter-strip],[class*=header-actions],[class*=summary-card],[class*=toolbar]{flex-wrap:wrap}[class*=chart-wrap],[class*=list-wrap],[class*=table-wrap]{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:640px){button,input,select,textarea{font-size:16px}}