@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f5ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080704;--panel:#18130adb;--panel-2:#ffffff0f;--border:#ffffff1f;--text:#f8f5ef;--muted:#c8c0ad;--primary:#d49a16;--cyan:#ffd66b;--silver:#d8d8d8;--danger:#ff6b68;--success:#42d39b;--input:#ffffff14;--ring:#d49a166b;--card-shadow:0 24px 70px -38px #000000d9;--glow-shadow:0 20px 70px -30px #d49a16d6;--glow-shadow-sm:0 12px 42px -28px #ffd66bc7;--gradient-card:linear-gradient(145deg, #221b0ee6, #080704c2);--transition-smooth:cubic-bezier(.22, 1, .36, 1);background:#080704;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#d49a166b #ffffff0a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0a}::-webkit-scrollbar-thumb{background:#d49a166b;border-radius:999px}body{min-height:100vh;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 18% 8%,#d49a1633,#0000 26rem),radial-gradient(circle at 82% 12%,#d8d8d81f,#0000 28rem),linear-gradient(#080704,#18130a 52%,#050403);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.65}.login-screen{background:linear-gradient(115deg,#d49a1629,#0000 34%),linear-gradient(290deg,#d8d8d81f,#0000 38%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card,.settings-card,.table-card,.modal,.empty-state{border:1px solid var(--border);background:var(--gradient-card);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card{border-radius:28px;width:min(100%,430px);padding:32px;position:relative;overflow:hidden}.login-card>*,.settings-card>*,.table-card>*,.modal>*,.empty-state>*{z-index:1;position:relative}.login-card:before,.table-card:before,.settings-card:before,.modal:before,.empty-state:before{pointer-events:none;content:"";background:linear-gradient(135deg,#ffd66b1f,#0000 26%),linear-gradient(315deg,#d8d8d814,#0000 34%);position:absolute;inset:0}.brand-mark{object-fit:contain;width:54px;height:54px;box-shadow:inset 0 1px 0 #ffffff1f, 0 14px 34px -24px var(--cyan);background:linear-gradient(145deg,#ffd66b2e,#0000 45%),#050403;border:1px solid #ffd66b7a;border-radius:18px;padding:5px}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(30px,4vw,44px);line-height:.95}h2{font-family:Space Grotesk,system-ui,sans-serif;font-size:24px;line-height:1.05}h3{font-family:Space Grotesk,system-ui,sans-serif}.muted{color:var(--muted);line-height:1.6}.form-stack,.settings-card{gap:16px;margin-top:24px;display:grid}label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:7px;font-size:12px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);text-transform:none;border-radius:16px;outline:none;padding:12px 15px;transition:border-color .18s,box-shadow .18s,background-color .18s}input:focus,select:focus,textarea:focus{border-color:color-mix(in oklab, var(--primary) 62%, white);box-shadow:0 0 0 4px var(--ring);background:#ffffff1a}textarea{resize:vertical;min-height:110px}.primary-btn{background:linear-gradient(135deg, #8a6413 0%, var(--primary) 58%, var(--cyan) 100%);color:#080704;box-shadow:var(--glow-shadow-sm);transition:transform .24s var(--transition-smooth), box-shadow .24s var(--transition-smooth), filter .24s var(--transition-smooth);border:0;border-radius:999px;padding:12px 18px;font-weight:900}.primary-btn:hover{box-shadow:var(--glow-shadow);filter:saturate(1.08);transform:translateY(-2px)}.app-shell{grid-template-columns:292px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#18130ae6,#080704c7),#080704c7;grid-template-rows:auto 1fr auto;gap:24px;height:100vh;padding:22px;display:grid;position:sticky;top:0;box-shadow:inset -1px 0 #ffffff0a}.sidebar-brand{border:1px solid var(--border);background:#ffffff0a;border-radius:22px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.mobile-menu-toggle,.mobile-sidebar-backdrop{display:none}.sidebar-brand strong,.product-cell strong,.report-cell strong{color:var(--text);display:block}.sidebar-brand span,.product-cell span,.report-cell span,.sidebar-footer span{color:var(--muted);font-size:12px}.sidebar nav{align-content:start;gap:8px;padding-right:2px;display:grid;overflow:auto}.sidebar nav button,.sidebar-footer button,.category-row button,.toolbar button,.actions button,.modal-header button,.modal-actions button,.array-header button,.array-row button{border:1px solid var(--border);color:var(--text);transition:transform .22s var(--transition-smooth), border-color .22s var(--transition-smooth), background-color .22s var(--transition-smooth), color .22s var(--transition-smooth);background:#ffffff0e;border-radius:999px;padding:10px 14px;font-weight:800}.sidebar nav button:hover,.sidebar-footer button:hover,.category-row button:hover,.toolbar button:hover,.actions button:hover,.modal-header button:hover,.modal-actions button:hover,.array-header button:hover,.array-row button:hover{background:#d49a161a;border-color:#d49a166b;transform:translateY(-1px)}.sidebar nav button.active,.category-row button.active,.toolbar button.active,.actions button.active{color:var(--text);box-shadow:var(--glow-shadow-sm);background:linear-gradient(135deg,#d49a1638,#ffd66b1a),#d49a1629;border-color:#d49a169e}.sidebar-footer{gap:10px;display:grid}.content{min-width:0;padding:30px}.topbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080704eb,#080704b8),#080704c7;margin:-30px -30px 24px;padding:24px 30px;position:sticky;top:0}.topbar,.toolbar,.modal-header,.modal-actions,.array-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.category-row{flex-wrap:wrap;gap:10px;margin:26px 0 16px;display:flex}.category-row span{color:var(--cyan);margin-left:6px}.toolbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-radius:24px;margin-bottom:18px;padding:10px}.toolbar input{max-width:420px}.alert{border-radius:18px;margin-top:16px;padding:12px 14px;font-weight:800}.alert.error{color:#ffc4c2;background:#ff6b681f;border:1px solid #ff6b6859}.alert.success{color:#b7f6d9;background:#42d39b1f;border:1px solid #42d39b59}.table-card{border-radius:24px;position:relative;overflow:auto}table{z-index:1;border-collapse:collapse;width:100%;min-width:820px;position:relative}th,td{border-bottom:1px solid var(--border);text-align:left;padding:16px}th{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;z-index:2;background:#ffffff08;font-size:11px;position:sticky;top:0}tbody tr{transition:background-color .18s}.product-cell{align-items:center;gap:12px;min-width:260px;display:flex}.product-cell img,.thumb{object-fit:cover;border:1px solid #ffd66b2e;border-radius:16px;flex:none;width:56px;height:56px}.thumb{color:var(--cyan);background:#d49a1629;place-items:center;font-weight:950;display:grid}.status{text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.status.ready,.status.approved{color:var(--success);background:#42d39b24;border-color:#42d39b57}.status.na,.status.soldout,.status.pending{color:var(--muted);background:#ffffff14;border-color:#ffffff1f}.status.rejected{color:#ffc4c2;background:#ff6b6824;border-color:#ff6b6857}.actions{gap:8px;display:flex}.report-row-actions{flex-wrap:wrap;min-width:132px}.report-row-actions button{white-space:nowrap;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;font-size:16px;font-weight:900;display:inline-grid}.report-row-actions button span{line-height:1}.action-detail{border-color:var(--border);color:var(--text);background:#ffffff0d}.icon-eye{border:2px solid;border-radius:999px/720px;width:17px;height:11px;display:block;position:relative}.icon-eye:after{content:"";background:currentColor;border-radius:999px;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-approve{color:#92f2c9;background:#42d39b2e;border-color:#42d39b94}.action-reject{color:#ffd0cf;background:#ff6b682e;border-color:#ff6b6894}.action-detail:hover{background:#ffffff17;border-color:#d8d8d861}.action-approve:hover{background:#42d39b42;border-color:#42d39bc7}.action-reject:hover{background:#ff6b6842;border-color:#ff6b68c7}.danger{color:#ffc4c2!important;border-color:#ff6b6859!important}.app-alert{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:12px;width:min(420px,100vw - 32px);display:flex;position:fixed;top:18px;right:18px;box-shadow:0 18px 45px #00000047}.app-alert button{color:inherit;background:0 0;border:1px solid;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.empty-state{text-align:center;border-radius:24px;gap:6px;padding:44px;display:grid;position:relative}.settings-card{border-radius:24px;width:100%;max-width:920px;padding:24px;position:relative;overflow:hidden}.settings-stack{gap:18px;width:min(100%,920px);display:grid}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.settings-header>span,.settings-section-title span{color:var(--muted);font-size:12px;font-weight:700;line-height:1.6}.settings-header>span{text-align:right;max-width:320px}.settings-section{border:1px solid var(--border);background:#ffffff09;border-radius:14px;gap:12px;padding:14px;display:grid}.settings-section-title{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.settings-section-title strong{color:var(--text);font-size:14px}.settings-section-title span{text-align:right;max-width:360px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-actions{justify-content:flex-end;display:flex}.account-settings-card{border-color:#d49a1638}.account-warning{color:var(--cyan);background:#ffd66b14;border:1px solid #ffd66b3d;border-radius:14px;padding:12px 14px;font-size:12px;font-weight:800;line-height:1.55}.account-reminder-card{background:linear-gradient(135deg,#d49a1621,#ffffff0a),#ffffff09;border:1px solid #ffd66b47;border-radius:18px;gap:16px;padding:18px;display:grid}.credential-list{gap:10px;display:grid}.credential-list>div{border:1px solid var(--border);background:#00000038;border-radius:14px;gap:6px;padding:12px;display:grid}.credential-list span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.credential-list strong{color:var(--text);overflow-wrap:anywhere;font-size:18px}.dashboard-stack{gap:18px;display:grid}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-card,.dashboard-panel{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:16px}.dashboard-card{text-align:left;gap:8px;display:grid}.dashboard-card.product{box-shadow:inset 4px 0 #42d39bb8}.dashboard-card.report{box-shadow:inset 4px 0 #ffd66bb8}.dashboard-card.reporter{box-shadow:inset 4px 0 #5bdaffb8}.dashboard-card.directory{box-shadow:inset 4px 0 #ff6b68b8}.dashboard-card span,.dashboard-card small{color:var(--muted);font-size:12px;font-weight:800}.dashboard-card strong{font-size:30px;line-height:1}.dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-stats{grid-template-columns:1.4fr 1fr 1fr;gap:12px;display:grid}.sales-panel{overflow:hidden}.sales-layout{grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:14px;display:grid}.sales-chart{border:1px solid var(--border);background:linear-gradient(#42d39b14,#0000 58%),#0000002e;border-radius:12px;min-height:240px;padding:10px}.sales-chart svg{width:100%;height:100%;min-height:220px;display:block}.chart-grid-line,.chart-vertical-line{stroke:#ffffff14;stroke-width:1px}.chart-vertical-line{stroke-dasharray:3 7}.chart-area{fill:url(#salesArea)}.chart-line{fill:none;stroke:var(--success);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;filter:drop-shadow(0 0 12px #42d39b73)}.chart-dot{fill:var(--success);stroke:var(--panel);stroke-width:4px}.chart-label{fill:var(--muted);font-size:12px;font-weight:800}.sales-summary{border:1px solid var(--border);background:#ffffff09;border-radius:12px;align-content:start;gap:10px;padding:14px;display:grid}.sales-summary>span,.sales-summary small{color:var(--muted);font-size:12px;font-weight:800}.sales-summary>strong{color:var(--text);font-size:28px;line-height:1.1}.trade-badge{border:1px solid var(--border);border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:900}.trade-badge.up{color:var(--success);background:#42d39b1f;border-color:#42d39b57}.trade-badge.down{color:#ffc4c2;background:#ff6b681f;border-color:#ff6b6857}.sales-mini-list{gap:8px;margin-top:4px;display:grid}.sales-mini-list div{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.sales-mini-list span{color:var(--muted);font-size:12px;font-weight:800}.sales-mini-list strong{color:var(--text);font-size:12px}.stat-list{gap:8px;margin-top:12px;display:grid}.stat-list.compact{gap:10px}.stat-row{border:1px solid var(--border);color:var(--text);text-align:left;background:#ffffff09;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.stat-row span{min-width:0;color:var(--text);font-size:13px;font-weight:800}.stat-row strong{color:var(--text);font-size:20px;line-height:1}.stat-row small{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:800}.stat-row.approved{background:#42d39b1a;border-color:#42d39b57}.stat-row.pending{background:#ffd66b1a;border-color:#ffd66b57}.stat-row.rejected{background:#ff6b681a;border-color:#ff6b6857}.stat-row.button-row{width:100%;font:inherit;cursor:pointer}.report-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.report-toolbar{flex-direction:column;align-items:stretch}.filter-panel{border:1px solid var(--border);background:#ffffff09;border-radius:14px;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;padding:12px;display:grid}.filter-group{align-content:start;gap:8px;display:grid}.filter-group-wide{grid-column:1/-1}.filter-label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.filter-row input,.filter-row select{border:1px solid var(--border);background:var(--input);min-height:40px;color:var(--text);font:inherit;border-radius:999px;padding:9px 14px;font-size:13px}.filter-row input{flex:280px;min-width:min(100%,320px)}.filter-row select{flex:0 260px}.filter-result{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:800}.embedded-panel{margin-top:18px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#ffffff09}.report-thumb{border:1px solid var(--border);width:70px;height:54px;color:var(--muted);background:#ffffff0e;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid;overflow:hidden}.report-thumb img{object-fit:cover;width:100%;height:100%}.modal.report-detail-modal{width:min(100%,980px);max-width:calc(100vw - 24px);max-height:calc(100vh - 32px);padding:22px;overflow:hidden auto}.modal.report-detail-modal .modal-header{z-index:3;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12100cf5;align-items:flex-start;margin:0 0 18px;padding:0 0 16px;position:sticky;top:0}.modal.report-detail-modal .modal-header>div{min-width:0}.modal.report-detail-modal .modal-header h2{overflow-wrap:anywhere;max-width:680px;margin:4px 0 0;line-height:1.2}.modal.report-detail-modal .modal-header button{flex:none}.report-detail-summary{background:#d49a1614;border:1px solid #d49a163d;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(180px,.34fr);gap:14px;margin-bottom:14px;padding:16px;display:grid}.report-detail-summary>div{min-width:0}.report-detail-summary h3{color:var(--text);overflow-wrap:anywhere;margin:10px 0 6px;font-size:20px;line-height:1.25}.report-detail-summary p,.report-detail-section-title p{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.6}.report-detail-summary-meta{border:1px solid var(--border);background:#ffffff0b;border-radius:12px;align-content:start;gap:6px;padding:12px;display:grid}.report-detail-summary-meta span,.report-detail-item span,.report-detail-notes span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.report-detail-summary-meta strong,.report-detail-item strong{min-width:0;color:var(--text);overflow-wrap:anywhere;line-height:1.35;display:block}.report-detail-section{border:1px solid var(--border);background:#ffffff09;border-radius:16px;gap:12px;margin-top:14px;padding:14px;display:grid}.report-detail-section-title{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;display:flex}.report-detail-section-title h3{color:var(--text);margin:0;font-size:16px;line-height:1.35}.report-detail-section-title p{text-align:right;max-width:320px}.report-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.report-detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.report-detail-item,.report-detail-notes>div{border:1px solid var(--border);background:#00000024;border-radius:12px;min-width:0;padding:12px}.report-detail-notes{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;display:grid}.report-detail-notes p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0 0;line-height:1.65}.report-empty-evidence{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:12px;padding:18px;font-size:13px;font-weight:800}.report-summary span{border:1px solid var(--border);background:#ffffff0e;border-radius:10px;gap:4px;min-width:0;padding:10px 12px;display:grid}.report-summary small{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;line-height:1;overflow:hidden}.report-summary strong{color:var(--text);font-size:20px;font-weight:900;line-height:1}.report-cell{gap:6px;min-width:320px;display:grid}.report-cell p{max-width:520px;color:var(--muted);font-size:13px;line-height:1.55}.report-cell a,.text-btn{width:fit-content;color:var(--cyan);background:0 0;border:0;padding:0;font-weight:900;text-decoration:none}.text-btn:hover,.report-cell a:hover{color:var(--primary)}.report-images{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:10px;display:grid}.report-images a{aspect-ratio:1;border:1px solid var(--border);background:#ffffff0b;border-radius:14px;display:block;overflow:hidden}.report-images img{object-fit:cover;width:100%;height:100%;transition:transform .18s}.report-images a:hover img{transform:scale(1.04)}.private-line{color:var(--muted);font-size:12px;line-height:1.7;display:block}.detail-stack{gap:10px;margin:18px 0;display:grid}.detail-stack div{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;min-width:0;padding:12px}.detail-stack strong{overflow-wrap:anywhere;line-height:1.35;display:block}.detail-stack span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:900;display:block}.modal.report-detail-modal .modal-actions{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12100cf5;margin:18px 0 0;padding:16px 0 0;position:sticky;bottom:0}.report-detail-actions{justify-content:space-between;align-items:stretch;gap:12px}.review-action-group{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.review-btn{text-align:left;border-radius:12px;gap:4px;min-width:0;padding:12px 14px;display:grid}.review-btn span{align-items:center;gap:8px;font-size:14px;font-weight:950;display:inline-flex}.review-btn span b{border-radius:999px;place-items:center;width:22px;height:22px;font-size:16px;font-style:normal;line-height:1;display:inline-grid}.review-btn-approve span b{color:#9af4ce;background:#42d39b38}.review-btn-reject span b{color:#ffd1d0;background:#ff6b6838}.review-btn small{color:inherit;opacity:.78;font-size:11px;font-weight:800;line-height:1.35}.review-btn-approve{color:#9af4ce;background:linear-gradient(#42d39b3d,#42d39b21);border-color:#42d39ba6}.review-btn-reject{color:#ffd1d0;background:linear-gradient(#ff6b683d,#ff6b6821);border-color:#ff6b68a6}.manual-action-group{flex:none;align-items:stretch;gap:8px;display:flex}.manual-action-group button{border-radius:12px;padding-inline:14px;font-weight:900}.activity-list{gap:10px;margin-top:12px;display:grid}.activity-item{border-left:2px solid var(--primary);padding-left:12px}.activity-item span,.activity-item small{color:var(--muted);font-size:12px;line-height:1.55;display:block}.report-source-group{border:1px solid var(--border);border-radius:16px;margin-top:14px;padding:12px}.source-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.source-heading strong{font-size:13px}.source-heading span{color:var(--muted);font-size:12px;font-weight:800}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden auto}.modal{border-radius:28px;width:min(100%,880px);max-height:92vh;padding:24px;position:relative;overflow:auto}.confirm-modal{width:min(100%,520px)}.confirm-modal.soldout-confirm{width:min(100%,560px)}.confirm-modal.soldout-confirm:before{background:radial-gradient(circle at 84% 4%,#42d39b33,#0000 32%),linear-gradient(#42d39b14,#0000 42%)}.confirm-body{border:1px solid var(--border);background:#ffffff09;border-radius:14px;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:14px;padding:12px;display:grid}.soldout-confirm .confirm-body{background:#42d39b0f;border-color:#42d39b3d;grid-template-columns:96px minmax(0,1fr);padding:14px}.confirm-body img,.confirm-body .thumb{border-radius:12px;width:82px;height:82px}.soldout-confirm .confirm-body img,.soldout-confirm .confirm-body .thumb{border:1px solid #42d39b47;width:96px;height:96px}.confirm-body img{object-fit:cover}.confirm-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.confirm-body strong,.confirm-body span,.confirm-body p{display:block}.confirm-body strong{color:var(--text);font-size:15px}.confirm-body span,.confirm-body p{color:var(--muted);font-size:12px;line-height:1.6}.confirm-body p{margin-top:8px}.soldout-pill{background:#42d39b1f;border:1px solid #42d39b57;border-radius:999px;flex:none;padding:5px 8px;font-weight:900;line-height:1;color:var(--success)!important;font-size:10px!important}.confirm-impact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.confirm-impact-list div{border:1px solid var(--border);background:#ffffff09;border-radius:12px;padding:10px 12px}.confirm-impact-list span,.confirm-impact-list strong{display:block}.confirm-impact-list span{color:var(--muted);font-size:11px;font-weight:800}.confirm-impact-list strong{color:var(--text);margin-top:3px;font-size:13px}.soldout-action{border-color:#42d39b61!important}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.wide{grid-column:1/-1}.field-hint{color:var(--muted);margin:4px 0 8px;font-size:12px;font-weight:600;line-height:1.5;display:block}.array-editor{border:1px solid var(--border);background:#ffffff09;border-radius:22px;margin-top:20px;padding:16px}.array-row{grid-template-columns:1fr auto;gap:10px;margin-top:10px;display:grid}.package-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inline-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.inline-field button{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:16px;padding:10px 14px;font-weight:900}.preview-box{border:1px solid var(--border);background:#ffffff0d;border-radius:22px;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex}.preview-box img{object-fit:cover;border-radius:16px;flex:none;width:64px;height:64px}.preview-avatar{border:1px solid var(--border);width:64px;height:64px;color:var(--primary);background:#d49a1624;border-radius:16px;flex:none;place-items:center;font-weight:950;display:grid}.preview-box span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.directory-modal{overflow-x:hidden}.directory-modal .inline-field,.directory-modal .preview-box,.directory-modal .preview-box>div{min-width:0}.directory-modal .field-hint,.directory-modal input,.directory-modal textarea{overflow-wrap:anywhere}.modal-actions{margin-top:22px}@media (width<=860px){.app-shell{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.content{padding:18px}.topbar{margin:-18px -18px 18px;padding:20px 18px;position:static}.topbar,.toolbar,.modal-header,.modal-actions,.array-header{flex-direction:column;align-items:stretch}.toolbar input{max-width:none}.form-grid,.package-row,.filter-panel{grid-template-columns:1fr}}:root{--bg:#0b0b0a;--panel:#141310;--panel-2:#1b1914;--border:#ffffff1a;--text:#f4f1e8;--muted:#aaa394;--primary:#d49a16;--cyan:#f0bf45;--input:#11100e;--card-shadow:none;--glow-shadow:none;--glow-shadow-sm:none;--gradient-card:#141310}body{background:var(--bg)}.app-shell{background:var(--bg);grid-template-columns:260px minmax(0,1fr);width:100%}.sidebar{box-shadow:none;background:#0f0e0c;gap:18px;padding:16px}.sidebar-brand{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:12px;padding:0 0 14px}.brand-mark{width:44px;height:44px;box-shadow:none;border-radius:10px;padding:3px}.sidebar nav{gap:4px}.sidebar nav button,.sidebar-footer button{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:flex-start;padding:10px 12px;font-size:14px;font-weight:700}.sidebar nav button:hover,.sidebar-footer button:hover{border-color:var(--border);color:var(--text);background:#ffffff0a;transform:none}.sidebar nav button.active{color:var(--text);box-shadow:none;background:#d49a161f;border-color:#d49a164d}.content{min-width:0;padding:24px;overflow:hidden}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin:0 0 20px;padding:0 0 18px;position:static}h1{font-size:clamp(26px,3vw,36px);line-height:1.05}h2{font-size:22px}.eyebrow{color:var(--primary);margin-bottom:6px;font-size:11px}.login-card,.settings-card,.table-card,.modal,.empty-state{border:1px solid var(--border);background:var(--panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:12px}.login-card:before,.table-card:before,.settings-card:before,.modal:before,.empty-state:before{display:none}.login-card{padding:28px}.settings-card{width:100%;max-width:920px;padding:18px}.settings-header,.settings-section-title{gap:12px}.settings-section{border-radius:12px}.modal{border-radius:12px;padding:20px}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000ad}input,select,textarea{background:var(--input);border-radius:8px;padding:10px 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#d49a16a6;box-shadow:0 0 0 3px #d49a162e}label{letter-spacing:.05em;gap:6px;font-size:11px}.primary-btn{background:var(--primary);color:#080704;box-shadow:none;border-radius:8px;padding:10px 14px;font-size:14px}.primary-btn:hover{box-shadow:none;filter:none;background:#e0a51c;transform:none}.category-row{margin:18px 0 14px}.category-row button,.toolbar button,.actions button,.modal-header button,.modal-actions button,.array-header button,.array-row button,.inline-field button{box-shadow:none;border-radius:8px;padding:9px 12px;font-size:13px}.category-row button:hover,.toolbar button:hover,.actions button:hover,.modal-header button:hover,.modal-actions button:hover,.array-header button:hover,.array-row button:hover,.inline-field button:hover{background:#ffffff0f;transform:none}.category-row button.active,.toolbar button.active,.actions button.active{box-shadow:none;background:#d49a1624;border-color:#d49a1666}.toolbar{background:var(--panel);border-radius:12px;min-width:0;padding:12px}.table-card{border-radius:12px;max-width:100%}.topbar,.settings-card,.dashboard-card,.dashboard-panel,.filter-panel,.modal,.array-editor{min-width:0}table{min-width:900px}th,td{padding:12px 14px}th{color:var(--muted);background:#191713;font-size:11px}tbody tr:hover{background:#ffffff09}.product-cell{min-width:240px}.product-cell img,.thumb{border-radius:8px;width:44px;height:44px}.status{border-radius:999px;padding:5px 8px;font-size:10px}.empty-state{padding:36px 24px}.array-editor,.preview-box,.detail-stack div{border-radius:12px}@media (width<=860px){.app-shell{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start}.sidebar{z-index:70;border-right:0;border-bottom:1px solid var(--border);grid-template-rows:58px;gap:12px;height:82px;max-height:100dvh;padding:12px 16px;position:sticky;top:0;overflow:hidden}.sidebar.sidebar-open{grid-template-rows:58px;height:82px;overflow:visible}.mobile-sidebar-backdrop{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;border:0;padding:0;display:block;position:fixed;inset:0}.content{padding:16px}.topbar{margin:0 0 16px;padding-bottom:14px}.sidebar-brand{border-radius:14px;width:100%;height:58px;min-height:58px;padding:8px}.sidebar-brand>div{flex:auto;min-width:0}.sidebar-brand strong,.sidebar-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-menu-toggle{border:1px solid var(--border);background:#ffffff0f;border-radius:12px;flex:none;place-items:center;gap:4px;width:42px;height:42px;padding:9px;display:inline-grid}.mobile-menu-toggle span{background:var(--text);border-radius:999px;width:18px;height:2px;transition:transform .18s,opacity .18s;display:block}.sidebar-open .mobile-menu-toggle span:first-child{transform:translateY(6px)rotate(45deg)}.sidebar-open .mobile-menu-toggle span:nth-child(2){opacity:0}.sidebar-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.sidebar nav,.sidebar-footer{display:none}.sidebar.sidebar-open nav{z-index:60;border:1px solid var(--border);background:var(--panel);border-radius:12px;align-content:start;gap:8px;width:min(320px,100vw - 24px);max-height:none;padding:12px;display:grid;position:fixed;top:82px;bottom:86px;right:12px;overflow-y:auto;box-shadow:-18px 24px 60px #00000073}.sidebar.sidebar-open nav button{white-space:normal;justify-content:flex-start;width:100%}.sidebar.sidebar-open .sidebar-footer{z-index:61;border:1px solid var(--border);background:var(--panel);border-top:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:min(320px,100vw - 24px);padding:10px;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:-18px 24px 60px #00000073}.sidebar-footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-footer button{flex:none;width:auto}.topbar,.toolbar,.modal-header,.modal-actions,.array-header{flex-direction:column;align-items:stretch}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.topbar .primary-btn,.modal-actions button,.modal-actions .primary-btn{width:100%}.category-row{scrollbar-width:none;flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-row button{white-space:nowrap;flex:none}.filter-panel,.form-grid,.package-row,.settings-grid,.sales-layout,.dashboard-stats,.dashboard-columns{grid-template-columns:1fr}.settings-header,.settings-section-title{flex-direction:column;align-items:stretch}.settings-header>span,.settings-section-title span{text-align:left;max-width:none}.settings-actions,.settings-actions .primary-btn{width:100%}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-row{align-items:stretch}.filter-row input,.filter-row select,.filter-row button{flex:100%;width:100%;min-width:0}.report-toolbar{gap:10px}.report-toolbar .filter-panel{gap:10px;padding:10px}.report-toolbar .filter-group{gap:6px;min-width:0}.report-toolbar .filter-row{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-right:-10px;padding:0 10px 2px 0;display:flex;overflow-x:auto}.report-toolbar .filter-row::-webkit-scrollbar{display:none}.report-toolbar .filter-row button{white-space:nowrap;border-radius:999px;flex:none;width:auto;min-width:auto;min-height:34px;padding:7px 12px;font-size:12px;line-height:1}.report-toolbar .filter-group-wide .filter-row{grid-template-columns:minmax(0,1fr) auto auto;margin-right:0;padding-right:0;display:grid;overflow:visible}.report-toolbar .filter-group-wide .filter-row input{flex:auto;width:100%;min-width:0;min-height:38px;font-size:12px}.report-toolbar .filter-group-wide .filter-row button{min-height:38px;padding-inline:11px}.actions{flex-wrap:wrap}.actions button{flex:120px}.report-row-actions{min-width:132px}.report-row-actions button{flex:0 0 36px;width:36px}.table-card{-webkit-overflow-scrolling:touch;margin-left:-4px;margin-right:-4px}table{min-width:760px}th,td{padding:10px 12px}.product-cell,.report-cell{min-width:220px}.report-cell p{max-width:360px}.detail-stack,.report-detail-summary,.report-detail-grid,.report-detail-grid.two,.report-detail-notes{grid-template-columns:1fr}.report-detail-section-title{flex-direction:column;gap:4px}.report-detail-section-title p{text-align:left;max-width:none}.modal.report-detail-modal .detail-stack:not(.single){grid-template-columns:1fr}.modal-backdrop{align-items:start;padding:10px}.modal{width:100%;max-height:calc(100dvh - 20px);padding:16px}.directory-modal{max-width:calc(100vw - 20px);min-height:0;overflow-y:auto}.directory-modal .modal-header{z-index:3;border-bottom:1px solid var(--border);background:var(--panel);gap:10px;margin:-16px -16px 14px;padding:16px;position:sticky;top:-16px}.directory-modal .modal-header h2{overflow-wrap:anywhere;line-height:1.18}.directory-modal .form-grid{gap:12px;margin-top:0}.directory-modal .inline-field{grid-template-columns:1fr}.directory-modal .inline-field button,.directory-modal input,.directory-modal select,.directory-modal textarea{width:100%;min-width:0}.directory-modal input[type=file]{font-size:12px}.directory-modal .preview-box{align-items:flex-start;gap:10px}.directory-modal .preview-box img,.directory-modal .preview-avatar{border-radius:12px;width:52px;height:52px}.directory-modal .modal-actions{z-index:3;border-top:1px solid var(--border);background:var(--panel);margin:14px -16px -16px;padding:12px 16px 16px;position:sticky;bottom:-16px}.modal.report-detail-modal{max-width:calc(100vw - 20px);padding:14px}.modal.report-detail-modal .modal-header,.modal.report-detail-modal .modal-actions{position:static}.modal.report-detail-modal .modal-header{gap:10px}.report-detail-summary,.report-detail-section{border-radius:12px;padding:12px}.report-detail-actions,.review-action-group,.manual-action-group{width:100%}.review-action-group{grid-template-columns:1fr}.manual-action-group{flex-direction:column}.inline-field,.array-row{grid-template-columns:1fr}.preview-box{align-items:flex-start}}@media (width<=520px){body{min-width:0}.login-screen{padding:12px}.login-card{padding:22px 16px 18px}.auth-theme-toggle{top:12px;right:12px}.sidebar{grid-template-rows:48px;height:76px;padding:14px}.sidebar.sidebar-open{grid-template-rows:48px;height:76px}.sidebar-brand{height:48px;min-height:48px;padding:5px}.sidebar nav{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.sidebar.sidebar-open nav{margin:0;padding:10px;top:76px;bottom:82px}.brand-mark{width:38px;height:38px}.content{padding:12px}.category-row{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}h1{font-size:24px;line-height:1.15}h2{font-size:20px}.toolbar,.filter-panel,.settings-card,.array-editor,.dashboard-card,.dashboard-panel{padding:12px}.dashboard-grid,.stat-row,.confirm-body,.soldout-confirm .confirm-body,.confirm-impact-list{grid-template-columns:1fr}.confirm-title-row{flex-direction:column}.sales-chart{min-height:210px}.sales-summary>strong{font-size:22px}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.report-summary span{border-radius:8px;padding:8px}.report-summary small{font-size:9px}.report-summary strong{font-size:18px}.status{font-size:10px}.app-alert{flex-direction:column;align-items:stretch}.app-alert button{width:100%}table{min-width:680px}.product-cell,.report-cell{min-width:200px}.product-cell img,.thumb{width:38px;height:38px}.report-images a{width:48px;height:48px}.modal-backdrop{place-items:stretch stretch;padding:0}.modal{border-radius:0;min-height:100dvh;max-height:none}.directory-modal{border-radius:0;width:100%;max-width:none;min-height:100dvh;max-height:100dvh;padding:14px}.directory-modal .modal-header{margin:-14px -14px 12px;padding:14px;top:-14px}.directory-modal .modal-header h2{font-size:18px}.directory-modal .eyebrow{font-size:10px}.directory-modal label{gap:5px;font-size:10px}.directory-modal .field-hint{margin:2px 0 6px;font-size:10px;line-height:1.45}.directory-modal input,.directory-modal select,.directory-modal textarea,.directory-modal .inline-field button{border-radius:8px;min-height:38px;padding:9px 11px;font-size:13px}.directory-modal textarea{min-height:84px}.directory-modal .modal-actions{margin:12px -14px -14px;padding:10px 14px 14px;bottom:-14px}}.login-screen.admin-light{--bg:#f7f4ea;--panel:#fffdf7;--panel-2:#f0eadc;--border:#14110b24;--text:#15120c;--muted:#746b5a;--input:#fbf7ed;color:var(--text);background:linear-gradient(115deg,#d49a162e,#0000 34%),linear-gradient(290deg,#d8d8d833,#0000 38%),#f7f4ea}.login-screen.admin-dark{--bg:#0b0b0a;--panel:#141310;--panel-2:#1b1914;--border:#ffffff1a;--text:#f4f1e8;--muted:#aaa394;--input:#11100e;color:var(--text);background:#0b0b0a}.login-screen.admin-light .login-card,.login-screen.admin-dark .login-card{background:var(--panel);color:var(--text)}.login-screen.admin-light input,.login-screen.admin-dark input{background:var(--input);color:var(--text)}.login-screen.admin-light .muted,.login-screen.admin-dark .muted{color:var(--muted)}.auth-theme-toggle{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:16px;right:16px}.remember-row{color:var(--muted);letter-spacing:0;text-transform:none;justify-content:flex-start;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.remember-row input{width:16px;height:16px;accent-color:var(--primary)}.account-reminder-modal{width:min(100%,560px)}@media (width<=520px){.credential-list strong{font-size:15px}}