:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f6;color:#17201b;--an-bg: #f5f7f6;--an-surface: #ffffff;--an-surface-soft: #f8faf9;--an-topbar-bg: rgba(255, 255, 255, .94);--an-ink: #17201b;--an-muted: #64736b;--an-primary: #08764f;--an-primary-strong: #065c3d;--an-primary-soft: #e9f6f2;--an-primary-border: #cfe8df;--an-border: #dbe2de;--an-danger: #d92323;--an-danger-soft: #fff0ec;--an-danger-border: #ffc4b4;--an-warning: #f08a00;--an-warning-soft: #fff8e8;--an-info: #1f6fde;--an-info-soft: #edf5ff;--an-purple: #7b3fd3;--an-purple-soft: #f3eaff;--an-radius-sm: 6px;--an-radius-md: 8px;--an-space-xs: 6px;--an-space-sm: 10px;--an-space-md: 16px;--an-space-lg: 24px;--an-shadow: 0 16px 38px rgba(15, 31, 24, .06);--viz-surface: #fcfcfb;--viz-text-secondary: #52514e;--viz-text-muted: #898781;--viz-gridline: #e1e0d9;--viz-baseline: #c3c2b7;--viz-series-1: #2a78d6;--viz-series-2: #eb6834;--viz-series-3: #1baf7a;--viz-series-4: #eda100;--viz-sequential: #2a78d6;--viz-good: #0ca30c;--viz-critical: #d03b3b}:root[data-theme=dark]{color-scheme:dark;background:#0c1411;color:#edf7f2;--an-bg: #0c1411;--an-surface: #121d18;--an-surface-soft: #18241f;--an-topbar-bg: rgba(18, 29, 24, .94);--an-ink: #edf7f2;--an-muted: #9aa9a2;--an-primary: #39c68f;--an-primary-strong: #57dba5;--an-primary-soft: #17382b;--an-primary-border: #245a45;--an-border: #26352f;--an-danger: #ff6d5f;--an-danger-soft: #3a1e1b;--an-danger-border: #74352f;--an-warning: #ffc15a;--an-warning-soft: #3d2c12;--an-info: #7ab1ff;--an-info-soft: #152940;--an-purple: #b794ff;--an-purple-soft: #2d2144;--an-shadow: 0 18px 42px rgba(0, 0, 0, .32);--viz-surface: #1a1a19;--viz-text-secondary: #c3c2b7;--viz-text-muted: #898781;--viz-gridline: #2c2c2a;--viz-baseline: #383835;--viz-series-1: #3987e5;--viz-series-2: #d95926;--viz-series-3: #199e70;--viz-series-4: #c98500;--viz-sequential: #3987e5;--viz-good: #0ca30c;--viz-critical: #e66767}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(135deg,rgba(25,110,88,.08),transparent 36%),linear-gradient(315deg,rgba(217,87,55,.08),transparent 32%),var(--an-bg);color:var(--an-ink)}:root[data-theme=dark] body{background:linear-gradient(135deg,rgba(57,198,143,.1),transparent 34%),linear-gradient(315deg,rgba(122,177,255,.08),transparent 30%),var(--an-bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}a{color:inherit}.theme-button{background:var(--an-surface-soft);border-color:var(--an-border)}.theme-icon{display:inline-block;height:19px;position:relative;width:19px}.theme-icon.moon{border:2px solid currentColor;border-radius:999px}.theme-icon.moon:after{background:var(--an-surface-soft);border-radius:999px;content:"";height:17px;position:absolute;right:-5px;top:-5px;width:17px}.theme-icon.sun{background:currentColor;border-radius:999px;box-shadow:0 -9px 0 -6px currentColor,0 9px 0 -6px currentColor,9px 0 0 -6px currentColor,-9px 0 0 -6px currentColor,6px 6px 0 -6px currentColor,-6px -6px 0 -6px currentColor,6px -6px 0 -6px currentColor,-6px 6px 0 -6px currentColor}:root[data-theme=dark] .invoice-card,:root[data-theme=dark] .mobile-card,:root[data-theme=dark] .mobile-products-header,:root[data-theme=dark] .panel,:root[data-theme=dark] .product-card,:root[data-theme=dark] .product-modal,:root[data-theme=dark] .report-block,:root[data-theme=dark] .report-card,:root[data-theme=dark] .totals-card,:root[data-theme=dark] .cash-report,:root[data-theme=dark] .report-tabs,:root[data-theme=dark] .module-card,:root[data-theme=dark] .scan-form,:root[data-theme=dark] .mobile-card video,:root[data-theme=dark] .product-strip button,:root[data-theme=dark] .bulk-card,:root[data-theme=dark] .invoice-row,:root[data-theme=dark] .table-row,:root[data-theme=dark] .empty{background-color:var(--an-surface);border-color:var(--an-border)}:root[data-theme=dark] .empty,:root[data-theme=dark] .invoice-head,:root[data-theme=dark] .table-head,:root[data-theme=dark] .product-head{background:var(--an-surface-soft);color:var(--an-muted)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] button.ghost,:root[data-theme=dark] .ghost,:root[data-theme=dark] .sync-button{background:var(--an-surface-soft);border-color:var(--an-border);color:var(--an-ink)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder,:root[data-theme=dark] small{color:var(--an-muted)}.table-row.stock-low,.product-card.stock-low,.bulk-card.stock-low{background:var(--an-warning-soft);border-color:var(--an-warning);box-shadow:inset 4px 0 0 var(--an-warning)}.table-row.stock-out,.product-card.stock-out,.bulk-card.stock-out{background:var(--an-danger-soft);border-color:var(--an-danger-border);box-shadow:inset 4px 0 0 var(--an-danger)}.modal-backdrop{align-items:center;background:#00000094;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:40}.modal-box{background:var(--an-surface);border:1px solid var(--an-border);border-radius:8px;box-shadow:0 22px 60px #00000047;max-height:min(760px,100vh - 36px);overflow:hidden;width:min(920px,100%)}.modal-header{align-items:center;border-bottom:1px solid var(--an-border);display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.modal-header small{display:block;margin-top:4px}.price-detail-modal{display:grid;grid-template-rows:auto minmax(0,1fr)}.price-detail-table{display:grid;overflow:auto;padding:12px}.price-detail-row{align-items:center;background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:8px;display:grid;gap:12px;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(135px,1fr));margin-bottom:8px;min-width:760px;padding:10px 12px}.price-detail-row span:first-child{display:grid;gap:3px}.price-detail-head{color:var(--an-muted);font-size:.78rem;font-weight:800;min-height:40px;text-transform:uppercase}@media(max-width:940px){.modal-backdrop{align-items:flex-end;padding:12px}.modal-box{max-height:calc(100vh - 24px)}}.dashboard{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 44px}.back-to-menu{color:var(--an-primary);display:inline-block;font-weight:700;margin-bottom:16px;text-decoration:none}.back-to-menu:hover{text-decoration:underline}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs button,.tabs a{align-items:center;background:var(--an-surface);border:1px solid var(--an-border);border-radius:999px;color:var(--an-ink);display:inline-flex;min-height:38px;padding:0 16px;text-decoration:none}.tabs button.active,.tabs a.active{background:var(--an-primary);border-color:var(--an-primary);color:#fff}.table{display:grid;gap:8px;overflow-x:auto}.table-row{align-items:center;background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:8px;display:grid;gap:10px;min-height:54px;padding:10px}.table-head{background:var(--an-surface-soft);color:var(--an-muted);font-size:.8rem;font-weight:800;min-height:36px;text-transform:uppercase}.client-sub-row{grid-template-columns:minmax(170px,1.5fr) minmax(120px,.9fr) minmax(130px,1fr) 110px 120px 90px minmax(140px,1.1fr) 80px;min-width:1040px}.payment-row{grid-template-columns:110px 120px minmax(120px,1fr) 130px 120px minmax(160px,1.3fr);min-width:1000px}.invoice-row{grid-template-columns:110px 120px 130px minmax(140px,1fr) minmax(140px,1fr) 110px;min-width:1000px}.history-event-row{grid-template-columns:minmax(140px,1fr) 160px minmax(160px,1.4fr) minmax(160px,1.4fr);min-width:800px}.status-badge{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:800;padding:4px 8px}.status-badge.paid,.status-badge.invoiced,.status-badge.active,.status-badge.issued{background:var(--an-primary-soft);border:1px solid var(--an-primary-border);color:var(--an-primary-strong)}.status-badge.pending,.status-badge.overdue,.status-badge.failed,.status-badge.voided{background:var(--an-danger-soft);border:1px solid var(--an-danger-border);color:var(--an-danger)}.status-badge.suspended,.status-badge.cancelled{background:var(--an-surface);border:1px solid var(--an-border);color:var(--an-muted)}.small{min-height:36px;padding:0 10px}.square{aspect-ratio:1;min-width:40px;padding:0}@media(max-width:760px){.table{overflow-x:visible}.client-sub-row,.payment-row,.invoice-row,.history-event-row{grid-template-columns:1fr;min-width:0}.client-sub-row.table-head,.payment-row.table-head,.invoice-row.table-head,.history-event-row.table-head{display:none}.client-sub-row>span,.payment-row>span,.invoice-row>span,.history-event-row>span{align-items:center;display:flex;gap:10px;justify-content:space-between;text-align:right}.client-sub-row>span[data-label]:before,.payment-row>span[data-label]:before,.invoice-row>span[data-label]:before,.history-event-row>span[data-label]:before{color:var(--an-muted);content:attr(data-label);font-size:.75rem;font-weight:800;text-align:left;text-transform:uppercase}}.summary,.section-title,.row-actions,.module-list{display:flex}.eyebrow{color:var(--an-primary);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:2.4rem;line-height:1}h2{font-size:1.25rem}.title-with-help{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.summary{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.summary article,.menu-panel,.content-panel,.temporary-password{background:var(--an-surface);border:1px solid var(--an-border);border-radius:var(--an-radius-md, 8px);box-shadow:var(--an-shadow)}.summary article{display:grid;gap:8px;min-height:86px;padding:16px}.summary span,small{color:var(--an-muted)}.summary strong{color:var(--an-ink);font-size:1.35rem;overflow-wrap:anywhere}.message,.empty{border-radius:6px;padding:10px 12px}.message{margin-bottom:12px}.message.error{background:var(--an-danger-soft);border:1px solid var(--an-danger-border);color:var(--an-danger)}.message.success{background:var(--an-primary-soft);border:1px solid var(--an-primary-border);color:var(--an-primary-strong)}.empty{background:var(--an-surface-soft);color:var(--an-muted)}.status-banner{background:var(--an-danger-soft);border:1px solid var(--an-danger-border);border-radius:var(--an-radius-sm, 8px);color:var(--an-danger);font-weight:800;letter-spacing:.02em;padding:10px 12px}.status-banner.active{background:var(--an-primary-soft);border-color:var(--an-primary-border);color:var(--an-primary)}.notification-bell{position:relative}.notification-bell.has-alert{background:var(--an-warning-soft);border-color:var(--an-warning);color:var(--an-warning)}.notification-bell.subscription-alert{animation:bell-shake 1.35s ease-in-out infinite;background:var(--an-danger);border-color:var(--an-danger);color:#fff}.notification-bell.subscription-alert:hover{background:var(--an-danger);border-color:var(--an-danger);filter:brightness(1.08)}.notification-help-badge,.notification-count{align-items:center;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:900;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-5px;top:-5px}.notification-help-badge{background:#ffd84d;border:1px solid #d9a700;color:#3f3100}.notification-count{background:var(--an-primary);border:1px solid var(--an-primary);color:#fff}.subscription-warning-modal{gap:14px;max-width:520px}.subscription-warning-icon{align-items:center;background:var(--an-danger-soft);border:1px solid var(--an-danger-border);border-radius:999px;color:var(--an-danger);display:inline-flex;height:44px;justify-content:center;width:44px}.subscription-warning-icon app-nav-icon{height:24px;width:24px}.subscription-warning-summary{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-warning-summary article{background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:8px;display:grid;gap:5px;padding:12px}.subscription-warning-summary span{color:var(--an-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.subscription-warning-summary strong{min-width:0;overflow-wrap:anywhere}.subscription-warning-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@keyframes bell-shake{0%,72%,to{transform:rotate(0)}78%{transform:rotate(9deg)}84%{transform:rotate(-8deg)}90%{transform:rotate(6deg)}96%{transform:rotate(-4deg)}}.subscription-overview{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.subscription-overview article{background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:var(--an-radius-md, 8px);display:grid;gap:6px;min-height:82px;padding:14px}.subscription-overview span,.subscription-action-body span{color:var(--an-muted);font-weight:700}.subscription-overview strong{color:var(--an-ink);font-size:1.15rem;overflow-wrap:anywhere}.subscription-detail-panel,.subscription-workspace,.subscription-action-grid{margin-top:14px}.subscription-action-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}.subscription-action-grid>.content-panel{min-width:0}.subscription-primary-action{border-color:var(--an-primary-border)}.subscription-action-body{display:grid;gap:10px}.subscription-action-body strong{font-size:2rem;line-height:1}.subscription-actions-stack{display:grid;gap:14px}.compact-form{background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:var(--an-radius-md, 8px);padding:14px}.compact-form strong{font-size:1rem}.danger-zone{background:var(--an-danger-soft);border-color:var(--an-danger-border)}.billing-step{border-top:1px solid var(--an-border);display:grid;gap:8px;padding-top:14px}.catalog-file-status,.catalog-progress,.catalog-preview{background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:8px;display:grid;gap:10px;padding:12px}.catalog-file-status{grid-template-columns:minmax(0,1fr) auto}.catalog-file-status span,.catalog-progress span{color:var(--an-muted)}.catalog-preview h3{margin:0}.catalog-preview-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.4fr) minmax(120px,.8fr)}.catalog-preview-row span{min-width:0;overflow-wrap:anywhere}.catalog-preview-head{color:var(--an-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.catalog-progress div{align-items:center;display:flex;justify-content:space-between}.catalog-progress progress{accent-color:var(--an-primary);width:100%}.temporary-password{display:grid;gap:8px;margin-bottom:12px;padding:14px 16px}.temporary-password span{color:var(--an-muted);font-weight:800}.temporary-password strong{color:var(--an-danger);font-size:1.35rem}.menu-panel{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:16px;padding:14px}.menu-card,.module-card{border:1px solid transparent;border-radius:var(--an-radius-md, 8px);color:#17201b;cursor:pointer;display:grid;gap:8px;min-height:92px;padding:14px;text-align:left;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.menu-card:hover,.module-card:hover{box-shadow:0 10px 20px #0f1f181a;transform:translateY(-2px)}.menu-card:active,.module-card:active{transform:translateY(0)}.menu-card span,.module-card span{color:#56655d}.client-card p{color:var(--an-muted)}.menu-card.active{border-color:var(--an-primary);box-shadow:inset 0 0 0 2px var(--an-primary-soft)}.menu-card.active:hover{box-shadow:inset 0 0 0 2px var(--an-primary-soft),0 10px 20px #0f1f181a}.tone-0{background:#e9f6f2}.tone-1{background:#edf4ff}.tone-2{background:#fff6dd}.tone-3{background:#fceef5}.tone-4{background:#f0edff}.tone-5{background:#eef6df}.content-panel{padding:18px}.compact-panel{max-width:820px}.section-title{align-items:center;border-bottom:1px solid var(--an-border);justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:14px}.split-panel{align-items:start;display:grid;gap:16px;grid-template-columns:340px minmax(0,1fr)}.editor-panel{position:sticky;top:16px}.full-width{grid-column:1/-1}form{display:grid;gap:14px}label{color:var(--an-ink);display:grid;font-weight:700;gap:8px}input,select{background:var(--an-surface);border:1px solid var(--an-border);border-radius:6px;color:var(--an-ink);min-height:42px;padding:0 12px;transition:border-color .15s ease;width:100%}input[type=checkbox]{min-height:auto;width:auto}input:hover,select:hover{border-color:var(--an-primary-border)}input:focus,select:focus{border-color:var(--an-primary);outline:3px solid var(--an-primary-soft)}button,a.primary,a.ghost,a.danger{border-radius:6px;cursor:pointer;font-weight:800;min-height:40px;padding:0 13px;transition:filter .15s ease,border-color .15s ease,background .15s ease,transform .05s ease}a.primary,a.ghost,a.danger{align-items:center;display:inline-flex;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.58}button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--an-primary);border:1px solid var(--an-primary);color:#fff}.primary:hover:not(:disabled){filter:brightness(1.08)}.ghost{background:var(--an-surface);border:1px solid var(--an-border);color:var(--an-ink)}.ghost:hover:not(:disabled){background:var(--an-surface-soft);border-color:var(--an-primary-border)}.danger{background:var(--an-danger-soft);border:1px solid var(--an-danger-border);color:var(--an-danger)}.danger:hover:not(:disabled){background:var(--an-danger-border)}.limits-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.edit-box{border-top:1px solid var(--an-border);margin-top:18px;padding-top:18px}.security-form{align-items:end;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.module-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.module-card{border-color:var(--an-border)}.module-card:hover{border-color:var(--an-primary)}.module-picker{border:1px solid var(--an-border);border-radius:8px;display:grid;gap:10px;max-height:320px;overflow:auto;padding:12px}.module-picker>span{color:var(--an-ink);font-weight:800}.client-checkbox-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.checkbox-row{align-items:center;display:flex!important;flex-direction:row;font-weight:600;gap:8px}.card-label{color:var(--an-primary);font-size:.78rem;font-weight:900;letter-spacing:.02em;margin:0 0 8px;text-transform:uppercase}.form-card{background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:var(--an-radius-md, 8px);display:grid;gap:14px;padding:16px}.form-card+.form-card{margin-top:14px}.rte-preview{color:var(--an-muted);max-height:90px;overflow:hidden}.check{align-items:center;color:var(--an-muted);display:flex;flex-direction:row;font-weight:700;gap:8px}.user-grid,.client-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start}.user-card,.client-card{background:var(--an-surface-soft);border:1px solid var(--an-border);border-radius:var(--an-radius-md, 8px);display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:10px 12px;padding:14px;transition:border-color .15s ease,box-shadow .15s ease}.user-card:hover,.client-card:hover{border-color:var(--an-primary-border);box-shadow:0 8px 18px #0f1f1814}.user-card>:first-child,.client-card>:first-child{order:1;flex:1 1 auto;min-width:0}.user-card>.role-pill,.client-card>.role-pill{order:2;flex:0 0 auto}.user-card>:not(:first-child):not(.role-pill),.client-card>:not(:first-child):not(.role-pill){order:3;flex:1 1 100%;min-width:0}.client-card>div:first-child{display:grid;gap:2px}.user-card-inactive{opacity:.68}.user-identity{align-items:center;display:flex;gap:10px;min-width:0}.user-avatar{align-items:center;background:var(--an-primary-soft);border-radius:999px;color:var(--an-primary-strong);display:flex;flex:0 0 auto;font-weight:800;height:38px;justify-content:center;text-transform:uppercase;width:38px}.user-identity-text{display:grid;gap:2px;min-width:0}.user-card strong,.client-card strong{display:block;overflow-wrap:anywhere}.user-identity-text small{overflow-wrap:anywhere}.role-pill{background:var(--an-surface);border:1px solid var(--an-border);border-radius:999px;color:var(--an-muted);font-size:.82rem;font-weight:800;padding:6px 12px;text-align:center;white-space:nowrap}.role-pill-accent{background:var(--an-info-soft);border-color:var(--an-info-soft);color:var(--an-info)}.danger-pill{background:var(--an-danger-soft);border-color:var(--an-danger-border);color:var(--an-danger)}.module-list{flex-wrap:wrap;gap:6px}.chip{background:var(--an-surface-soft);border:1px solid var(--an-border);color:var(--an-muted);min-height:30px;padding:0 9px}.chip.active{background:var(--an-primary);border-color:var(--an-primary);color:#fff}.chip-static{cursor:default}.chip-empty{color:var(--an-muted);font-style:italic}.modal-backdrop{align-items:center;background:#0f17148c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:50}.modal-box{background:var(--an-surface);border:1px solid var(--an-border);border-radius:10px;display:grid;gap:16px;max-height:min(640px,90vh);overflow:auto;padding:20px;width:min(560px,100%)}.modal-module-picker{max-height:420px}.row-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.row-actions>button,.row-actions>a{flex:0 0 auto;white-space:nowrap}@media(max-width:940px){.dashboard{width:min(100% - 20px,1180px)}.section-title{align-items:stretch;flex-direction:column}.summary,.split-panel,.security-form,.limits-grid,.subscription-warning-summary,.subscription-overview,.subscription-action-grid,.user-grid,.client-grid{grid-template-columns:1fr}.editor-panel{position:static}.row-actions{justify-content:flex-start}}