@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url('/assets/inter-cyrillic-400-normal.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+20BD;font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url('/assets/inter-latin-400-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url('/assets/inter-cyrillic-500-normal.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+20BD;font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url('/assets/inter-latin-500-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url('/assets/inter-cyrillic-600-normal.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+20BD;font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url('/assets/inter-latin-600-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url('/assets/inter-cyrillic-700-normal.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+20BD;font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url('/assets/inter-latin-700-normal.woff2') format('woff2');font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url('/assets/inter-cyrillic-800-normal.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116,U+20BD;font-display:swap}
@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url('/assets/inter-latin-800-normal.woff2') format('woff2');font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#e2e8f0;font-size:16px;font-synthesis:none;--line:#334155;--muted:#94a3b8;--teal:#2dd4bf;--purple:#a5b4fc}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}a{color:#5eead4;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid #5eead4}input,select,textarea{color:#e2e8f0;border:1px solid var(--line);background:#101b2e;border-radius:9px;padding:10px 12px;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #2dd4bf55;border-color:#2dd4bf}input[type=checkbox]{accent-color:#14b8a6;width:16px;height:16px;padding:0}input[type=date]{color-scheme:dark}textarea{resize:vertical}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.6px;font-weight:700}h2{font-size:18px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.boot{padding:48px;text-align:center;color:var(--muted)}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;filter:invert(86%) sepia(15%) saturate(301%) hue-rotate(179deg) brightness(101%)}.icon.teal{filter:invert(74%) sepia(69%) saturate(445%) hue-rotate(111deg) brightness(98%)}
.btn{border:1px solid #475569;background:#243148;color:#e2e8f0;padding:9px 13px;border-radius:9px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:38px}.btn:hover{background:#334155}.btn.primary{background:#0d9488;border-color:#0d9488;color:#fff}.btn.primary:hover{background:#0f766e}.btn.purple{background:#4f46e5;border-color:#4f46e5}.btn.danger{color:#fda4af;border-color:#7f1d1d;background:#451a2440}.btn.flat{border-color:transparent;background:transparent;padding:7px}.btn.icon-only{padding:8px}.btn.compact{padding:6px 9px;min-height:30px;font-size:12px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 6px;background:#33415580;color:#cbd5e1;font-size:11px;white-space:nowrap}.chip.ok{background:#064e3b80;color:#6ee7b7}.chip.warn{background:#78350f70;color:#fcd34d}.chip.bad{background:#88133760;color:#fda4af}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.space{justify-content:space-between}.stack{display:grid;gap:18px}.panel{background:#1e293bb3;border:1px solid var(--line);border-radius:18px;padding:24px}.page-note{margin-top:7px;color:var(--muted);line-height:1.5}.empty{text-align:center;padding:50px 22px;color:var(--muted);line-height:1.7}.empty .icon{width:32px;height:32px;margin-bottom:15px}.warning{border:1px solid #854d0e66;background:#42200630;color:#fcd34d;border-radius:12px;padding:12px 16px;font-size:12px;line-height:1.55}.warning ul{margin:0;padding-left:17px}.warning li+li{margin-top:3px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#cbd5e1}.form-grid .full{grid-column:1/-1}.form-grid .check-label{flex-direction:row;align-items:center}.form-actions{margin-top:22px;display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.hint{font-size:11px;color:#94a3b8;line-height:1.5}.form-error{color:#fda4af;font-size:12px;min-height:18px;margin-top:14px}.form-success{color:#6ee7b7;font-size:12px;margin-top:14px}.users-table-wrap{overflow:auto}.users-table-wrap table{min-width:620px}.permission-note{line-height:1.7;font-size:12px;color:#94a3b8}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-grid .form-grid{grid-template-columns:1fr}
dialog{background:#1e293b;color:#e2e8f0;border:1px solid #475569;border-radius:20px;padding:25px;width:590px;max-width:calc(100vw - 30px);max-height:90vh;overflow:auto;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#020617bb;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}#toast{position:fixed;bottom:24px;right:24px;z-index:60;max-width:450px;background:#134e4a;color:#ccfbf1;border:1px solid #2dd4bf66;border-radius:12px;padding:14px 18px;box-shadow:0 8px 30px #0005;font-size:13px;display:none}#toast.error{background:#4c0519;color:#fecdd3;border-color:#be123c}.login-screen{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:420px;max-width:100%;padding:35px;background:#1e293b;border:1px solid #334155;border-radius:20px;box-shadow:0 20px 80px #0003}.login-card .brand{margin:0 0 30px}.login-card h1{font-size:22px}.login-card form{margin-top:27px;display:grid;gap:17px}.login-card label{display:grid;gap:8px;font-size:12px;color:#94a3b8}.login-card .btn{width:100%}.login-card .forgot{font-size:11px;color:#94a3b8;text-align:center;background:none;border:0;padding:8px}.mobile-header{display:none}
body{padding:32px;background:radial-gradient(circle at 100% 0,#1e293b,#0f172a,#020617);background-attachment:fixed}button,input,select,textarea{font:inherit}h1{font-size:30px;font-weight:700;letter-spacing:-.8px}h2{font-size:20px;font-weight:700;letter-spacing:-.35px}.btn{border:1px solid #ffffff0d;background:#1e293b99;border-radius:12px;height:36px;min-height:36px;font-size:14px;font-weight:600;padding:8px 12px}.btn.flat{background:none;border-color:transparent}.btn.primary{background:#0d9488}.icon{width:20px;height:20px}.icon.blue{filter:invert(56%) sepia(50%) saturate(900%) hue-rotate(160deg)}.icon.amber{filter:invert(75%) sepia(70%) saturate(650%) hue-rotate(345deg)}.icon.purple{filter:invert(61%) sepia(28%) saturate(1300%) hue-rotate(211deg)}.shell{display:flex;width:100%;max-width:1600px;height:95vh;min-height:600px;margin:auto;background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px -10px #0008}.sidebar{width:256px;min-width:256px;padding:32px 24px;display:flex;flex-direction:column;background:#0f172a80;border-right:1px solid #33415580}.brand{display:block;margin:0 0 40px;color:#f8fafc;white-space:nowrap}.brand strong{font-size:24px;font-weight:800;letter-spacing:-.5px}.brand span{color:#56c4b5}.brand:hover{text-decoration:none}.nav{display:flex;flex-direction:column;gap:8px}.nav a,.nav button{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:48px;border:0;border-radius:12px;background:none;color:#cbd5e1;font-weight:600;text-align:left}.nav a:hover,.nav button:hover{background:#33415566;text-decoration:none}.nav a.active{background:#0d9488;color:white;box-shadow:0 4px 15px #14b8a633}.nav a.selected{background:#1e293b}.nav .disabled{display:flex;gap:12px;align-items:center;padding:20px 16px;margin-top:8px;opacity:.25;min-height:72px}.nav .disabled span{width:98px}.nav .disabled small{font-size:9px;background:#334155;border-radius:3px;padding:3px}.sidebar-bottom{margin-top:auto;padding-top:18px}.profile-nav,.cabinet-picker{border:1px solid #ffffff14;border-radius:12px;padding:12px 16px;background:#1e293b66;display:block;margin-bottom:12px}.profile-nav small,.cabinet-picker label{display:block;font-size:12px;color:#94a3b8;margin-bottom:6px}.profile-nav strong{font-size:14px;color:#e2e8f0;display:block;overflow:hidden;text-overflow:ellipsis}.cabinet-picker{padding-bottom:10px}.cabinet-picker select{font-size:14px;font-weight:700;border:0;background:transparent;padding:0;width:100%;height:20px;outline-offset:5px}.cabinet-picker option{background:#0f172a}.bottom-nav{margin-top:16px}.main{flex:1;min-width:0;padding:32px;overflow:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 32px}.page-note{font-size:14px;margin-top:4px;font-weight:500;color:#94a3b8;line-height:1.5}.panel{background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 6px 14px -6px #0003}.page-below{margin-top:24px}.date-toolbar{display:flex;align-items:center;gap:8px;flex-shrink:0}.preset{display:flex;align-items:center;gap:9px;border:1px solid #ffffff0d;border-radius:12px;padding:0 12px;background:#1e293b66;height:38px}.preset .icon{width:16px;height:16px;opacity:.7}.preset select{padding:0;background:none;border:none;border-radius:0;font-size:14px;height:30px;min-width:80px}.preset option{background:#1e293b}.period-inputs{display:flex;align-items:center;gap:7px;border:1px solid #ffffff0d;border-radius:12px;background:#1e293b66;height:38px;padding:0 12px}.period-inputs input{padding:0;width:124px;font-size:14px;background:none;border:none;border-radius:0;color-scheme:dark}.period-inputs span{color:#64748b}.overview-dates{display:flex;align-items:center;gap:14px}.decorative-orb{width:36px;height:36px;flex-shrink:0;border-radius:100%;background:linear-gradient(135deg,#2dd4bf,#3b82f6)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.kpi{min-width:0;min-height:227px;padding:24px;background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 6px 12px #0002;display:flex;flex-direction:column}.kpi.green{border-left-color:#10b98188}.kpi.blue{border-left-color:#3b82f688}.kpi.rose{border-left-color:#f43f5e88}.kpi.indigo{border-left-color:#6366f188}.kpi-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;background:#10b98126}.kpi-icon .icon{width:24px;height:24px}.kpi.blue .kpi-icon{background:#3b82f626}.kpi.rose .kpi-icon{background:#f43f5e26}.kpi.indigo .kpi-icon{background:#6366f126}.kpi.green .icon{filter:invert(74%) sepia(69%) saturate(445%) hue-rotate(111deg)}.kpi.blue .icon{filter:invert(59%) sepia(76%) saturate(737%) hue-rotate(184deg)}.kpi.rose .icon{filter:invert(58%) sepia(42%) saturate(954%) hue-rotate(303deg)}.kpi.indigo .icon{filter:invert(65%) sepia(33%) saturate(1189%) hue-rotate(204deg)}.kpi-body{margin-top:auto;min-width:0}.kpi label{display:block;font-size:12px;font-weight:700;letter-spacing:.3px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.kpi strong{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.15;color:#f8fafc;overflow-wrap:normal}.kpi-change{font-size:12px;font-weight:700;padding:3px 8px;background:#0f172a26}.positive{color:#6ee7b7}.negative{color:#fb7185}.kpi small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#94a3b8;margin-top:20px;padding-top:10px;border-top:1px solid #ffffff05}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-top:32px}.chart-panel,.top-panel{height:350px;min-width:0}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-heading h2{font-size:18px}.chart-options{display:flex;background:#0f172a66;border-radius:10px;padding:4px;flex-shrink:0}.chart-options button{font-size:12px;font-weight:700;padding:8px 12px;color:#94a3b8;background:none;border:none;border-radius:8px}.chart-options button.active{background:linear-gradient(110deg,#14b8a6,#3b82f6);color:#fff;box-shadow:0 2px 8px #0004}.chart-wrap{height:240px;margin-top:24px;position:relative;min-width:0;overflow:hidden}.chart-wrap canvas{max-width:100%}.top-panel{display:flex;flex-direction:column}.top-panel h2{font-size:18px}.top-list{overflow:auto;margin-top:24px;min-height:0;flex:1}.top-product{display:flex;align-items:center;gap:12px;padding:12px 8px;color:#e2e8f0;border-radius:12px;min-width:0;margin-bottom:16px}.top-product:hover{background:#33415566;text-decoration:none}.top-image{position:relative;width:48px;height:48px;flex-shrink:0;display:grid;place-items:center}.top-image img{width:48px;height:48px;border-radius:10px;object-fit:cover}.top-image span{position:absolute;left:0;top:0;background:#14b8a6;color:white;font-size:10px;font-weight:700;padding:2px 5px;border-radius:8px 0 8px 0}.top-description{min-width:0;flex:1}.top-description strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-description small{font-size:12px;color:#94a3b8;display:flex;gap:6px;align-items:center;margin-top:6px}.top-description i{height:4px;border-radius:3px;background:linear-gradient(90deg,#2dd4bf,#93c5fd)}.top-product>b{font-size:14px;color:#6ee7b7;white-space:nowrap}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;background:#0f172a4d;border:1px solid #ffffff05;border-radius:16px;margin-bottom:16px;position:relative}.actions .icon{width:16px;height:16px}.action-divider{height:24px;width:1px;background:#33415555;margin:0 3px}.copy-anchor{position:relative}.copy-popover{position:absolute;top:calc(100% + 8px);left:0;width:256px;padding:16px;border-radius:12px;background:#1e293b;border:1px solid #475569;box-shadow:0 10px 30px #0008;z-index:200}.copy-popover h3{font-size:14px;margin-bottom:16px}.copy-popover label{display:grid;font-size:12px;color:#94a3b8;gap:8px;margin-bottom:12px}.copy-popover input{height:36px;font-size:12px}.copy-popover .form-actions{gap:8px;margin-top:12px}.copy-popover .btn{font-size:12px}.copy-popover .form-error:empty{display:none}.products-main{display:flex;flex-direction:column}.products-page{display:flex;flex-direction:column;min-height:0;height:100%}.products-page>.date-toolbar{margin-bottom:20px}.product-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px;min-height:42px}.searchbox{position:relative;min-width:100px;flex:1;max-width:448px}.searchbox input{padding:10px 34px 10px 38px;width:100%;height:42px;font-size:14px;background:#1e293b66;border:1px solid #ffffff14;border-radius:12px}.searchbox>.icon{position:absolute;top:13px;left:12px;width:16px;height:16px;opacity:.6}.searchbox>button{position:absolute;right:7px;top:9px;padding:3px;background:none;border:0}.searchbox>button .icon{width:14px;height:14px;opacity:.6}.group-control{display:flex;gap:0;padding:3px;border-radius:12px;border:1px solid #ffffff0d;background:#1e293b66;flex-shrink:0}.group-control button{font-size:12px;font-weight:700;color:#94a3b8;border:0;background:none;border-radius:8px;padding:8px 12px;white-space:nowrap}.group-control button.active{background:#4f2fea;color:white;box-shadow:0 2px 8px #4f46e54d}.product-controls .check-label{white-space:nowrap;font-size:11px;color:#c7d2fe;padding:5px;border:1px solid #6366f126;border-radius:6px;background:#312e8126}.product-controls input[type=checkbox]{accent-color:#6366f1;width:14px;height:14px}.product-count{font-size:12px;color:#94a3b8;white-space:nowrap}.product-controls>.btn{width:36px;flex-shrink:0}.table-panel{border:1px solid #ffffff14;border-radius:24px;background:#1e293b33;overflow:hidden;min-height:140px;display:flex;flex-direction:column;flex:1}.scroll-table{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.products-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:12px;font-variant-numeric:tabular-nums}.products-table th,.products-table td{border-bottom:1px solid #ffffff0d;border-right:1px solid #ffffff05;text-align:center;vertical-align:middle;overflow:hidden;padding:12px}.products-table thead th{position:sticky;top:42px;z-index:5;background:#1e293b;height:40px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.3px;padding:10px 12px;white-space:nowrap}.products-table thead .daily-totals th{top:0;height:42px;background:#0f172a;font-size:9px;font-weight:400;letter-spacing:0;padding:4px}.products-table thead th:first-child{text-align:left;padding-left:12px}.daily-totals b,.daily-totals em,.daily-totals span{display:block;line-height:11px;font-weight:400;font-style:normal}.daily-totals b{color:#cbd5e1}.daily-totals em{color:#fcd34d}.daily-totals .good{color:#6ee7b7}.daily-totals .average{color:#fcd34d}.daily-totals .bad{color:#fb7185}.products-table .sticky-product{position:sticky;left:0;z-index:3;background:#0f172a;text-align:left}.products-table .sticky-total{position:sticky;left:var(--product-col-width);z-index:3;background:#0e1428;color:#c7d2fe;font-weight:700;font-size:14px}.products-table thead .sticky-total{background:#1a2035}.products-table thead .sticky-product,.products-table thead .sticky-total{z-index:7}.product-row{cursor:pointer}.product-row>td{height:98px;background:#1e293b33;position:relative}.product-row:hover>td{background:#1e293b88}.product-row:hover>td.sticky-product{background:#111b30}.product-info{display:flex;align-items:flex-start;gap:16px;min-width:0}.product-info>div{min-width:0;flex:1}.expand-btn{border:0;background:none;padding:0;flex-shrink:0;width:16px;margin-top:2px}.expand-btn .icon{width:16px;height:16px;opacity:.6}.product-image,.no-image{width:36px;height:36px;flex-shrink:0;border-radius:7px;object-fit:cover;background:#1e293b}.no-image{display:grid;place-items:center}.product-name{display:block;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8f0}.product-name.open{color:#7de2ce}.product-article{display:block;font:10px/15px monospace;color:#64748b;padding:0;border:0;background:none;text-align:left;max-width:100%;position:relative;overflow-wrap:anywhere}.product-article .icon{width:10px;height:10px;opacity:0;margin-left:4px}.product-article:hover .icon,.product-article:focus .icon{opacity:.6}.stock-badges{display:flex;gap:4px;flex-wrap:wrap;margin:3px 0}.stock-badges .chip{font-size:10px;line-height:12px;font-weight:700;padding:0 3px;border-radius:3px;border:0;background:#33415566;color:#a6b2c3}.stock-badges .chip.warn{background:#78350f66;color:#fcd34d}.stock-badges .cover-chip{background:#312e8166;color:#c7d2fe}.product-numbers{font-size:10px;line-height:14px}.cost-link{font-size:10px;line-height:14px;border:0;border-bottom:1px dashed #64748b;padding:0;background:none;color:#94a3b8}.inline-cost{display:flex;align-items:center;gap:5px;font-size:10px;color:#94a3b8}.inline-cost input{width:48px;min-width:48px;height:20px;padding:0 3px;border-radius:3px;background:#020617;font-size:10px}.inline-cost button{border:0;background:none;padding:0;display:flex;align-items:center}.inline-cost .icon{width:12px;height:12px}.group-badges{display:flex;align-items:center;gap:5px;margin:3px 0;flex-wrap:wrap}.group-summary,.note-badge{display:inline-flex;align-items:center;gap:3px;border:1px solid #47556980;background:#1e293b80;border-radius:3px;font-size:9px;line-height:12px;padding:1px 5px;color:#cbd5e1}.group-summary .icon,.note-badge .icon{width:10px;height:10px}.note-badge{color:#fcd34d;border-color:#f59e0b55;background:#78350f26}.group-count{font:10px monospace;color:#cbd5e1;border-bottom:1px dotted #64748b;padding-left:7px;border-left:1px solid #475569}.size-badge{display:inline-block;font-size:9px;line-height:13px;font-weight:600;background:#312e8177;color:#c7d2fe;padding:1px 5px;border-radius:3px;margin:2px 0}.model-row>td:not(.sticky-product){background:#312e8126}.model-row .product-name{font-size:12px}.model-row .product-article{background:#312e8144;color:#a5b4fc;display:inline;font-weight:700}.model-row .stock-badges .chip{font-size:9px}.model-row .orders-value,.model-row .sticky-total>span{font-size:12px;padding:4px 7px;background:#312e8166;color:#c7d2fe;border-radius:4px}.orders-value{display:inline-block;font-size:16px;font-weight:700;padding:4px 10px;border-radius:5px;min-width:32px}.orders-value.neutral{font-weight:500;color:#94a3b8}.value.good{background:#064e3b70;color:#6ee7b7}.value.average{background:#713f1255;color:#fcd34d}.value.bad{background:#88133760;color:#fda4af}.drr-caption{display:block;margin-top:4px;font-size:9px;color:#94a3b8}.note-dot{width:6px;height:6px;background:#fbbf24;box-shadow:0 0 6px #fbbf2455;border-radius:100%;position:absolute;top:4px;right:5px}.metric-row td{height:33px;padding:6px 8px;background:#080e1c88;color:#94a3b8;font-size:12px}.metric-row td.sticky-product{background:#0c1220;text-align:right;font-size:12px;font-weight:400}.metric-row td.sticky-total{background:#0d1324;font-weight:600;font-size:12px}.metric-value{display:inline-block;border-radius:4px;padding:1px 6px;font-weight:600}.metric-row.comments td{padding:5px 8px;vertical-align:top}.metric-row.comments textarea{width:100%;height:28px;min-height:28px;max-height:160px;padding:5px 8px;border:1px solid #33415566;border-radius:5px;background:#0f172a66;font-size:12px;line-height:16px;resize:none;text-align:center;display:block}.metric-row.comments textarea::placeholder{font-style:italic;color:#64748b}.comment-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sort-btn{display:inline-flex;align-items:center;gap:3px;color:inherit;font:inherit;border:0;padding:0;background:none;white-space:nowrap}.sort-btn .icon{width:10px;height:10px}.stock-sorts{display:flex;gap:20px;font-size:9px;font-weight:400}.column-resize{position:absolute;right:0;top:0;bottom:0;width:5px;padding:0;border:0;background:transparent;cursor:col-resize;touch-action:none;z-index:8}.column-resize:hover,.column-resize:focus{background:#2dd4bf55}.metric-row td[data-sort]{cursor:pointer}.table-footer{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0f172a;border-top:1px solid #ffffff0d;font-size:14px;color:#94a3b8;min-height:64px;flex-shrink:0}.table-footer label{font-size:12px;white-space:nowrap;color:#64748b}.table-footer select{font-size:12px;padding:6px 8px;border-radius:6px;background:#1e293b;margin-left:5px}.pagination{display:flex;align-items:center;background:#1e293b;border-radius:8px;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600}.pagination button{background:none;border:0;color:#cbd5e1;padding:12px 16px;font:inherit}.pagination span{padding:0 12px}.fullscreen{position:fixed;inset:16px;z-index:100;background:#0f172af5;backdrop-filter:blur(12px);border:1px solid #475569;border-radius:18px;box-shadow:0 0 0 100vmax #02061799;min-height:0}.table-heading{display:flex;justify-content:space-between;align-items:center;height:68px;min-height:68px;padding:16px;background:#1e293b;border-bottom:1px solid #ffffff14}.table-heading h2{display:flex;align-items:center;gap:10px;font-size:18px}.table-tools{display:flex;align-items:center;gap:16px}.table-tools .searchbox{width:220px}.table-tools .searchbox input{height:34px;font-size:12px;border-radius:8px}.table-tools .searchbox>.icon{top:10px}.table-tools .searchbox>button{top:6px}.fullscreen .metric-row td{height:33px;padding:6px 8px}.data-status{font-size:10px;position:absolute;bottom:3px;right:40px;color:#64748b;max-width:70%;z-index:1}.data-status[open]{position:fixed;bottom:32px;right:64px;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:12px;max-width:600px;z-index:90}.data-status summary{cursor:pointer}.job{display:flex;gap:8px;align-items:center;font-size:12px;color:#5eead4}.finance-page{padding:16px 32px;max-width:1400px;margin:auto}.finance-head{margin:16px 0 32px;align-items:center}.finance-head h1{display:flex;align-items:center;gap:12px}.finance-head h1 .icon{width:30px;height:30px;flex-shrink:0}.finance-head .page-note{font-size:16px;font-weight:400}.finance-head>div:first-child{min-width:240px}.finance-date-controls{display:flex;align-items:center;gap:16px}.finance-date-controls>.btn{height:46px;width:46px;border-radius:16px}.finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.finance-card{background:#0f172a99;border:1px solid #33415580;border-radius:16px;padding:24px;min-width:0}.finance-cards .finance-card{min-height:368px}.finance-card h3{font-size:14px;color:#94a3b8;font-weight:500;margin-bottom:8px}.finance-amount{display:block;font-size:30px;font-weight:800;letter-spacing:-.5px;color:#f8fafc}.finance-amount.positive{color:#6ee7b7}.distribution-bar{height:12px;background:#1e293b;border-radius:8px;display:flex;overflow:hidden;margin:16px 0 20px}.distribution-bar i{display:block;height:100%}.finance-line{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #ffffff05;font-size:14px;color:#94a3b8}.finance-line i,.donut-legend i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.finance-line>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-line b{font-size:14px;white-space:nowrap;color:#e2e8f0}.finance-line small{font-size:12px;color:#64748b}.finance-line.strong{color:#e2e8f0;font-weight:700}.payout-line{border-top:1px solid #475569;margin-top:8px;padding-top:6px}.show-all{font-size:12px;color:#93c5fd;background:none;border:0;padding:10px 0 0;display:flex;align-items:center;gap:4px}.show-all .icon{width:14px;height:14px}.finance-analysis{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.finance-card h2{font-size:18px}.donut-layout{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:24px}.donut{width:220px;height:220px;border-radius:50%;position:relative;flex-shrink:0}.donut:after{content:'';position:absolute;inset:36px;background:#111a2c;border-radius:50%}.donut-legend{width:100%;display:grid;gap:10px}.donut-legend>div{display:flex;gap:8px;align-items:center;font-size:12px;color:#94a3b8}.donut-legend span{flex:1}.donut-legend b{font-weight:500;color:#cbd5e1}.expense-ratio{margin-top:19px}.expense-ratio>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#94a3b8}.expense-ratio b{color:#cbd5e1;font-weight:500}.ratio-track{height:6px;border-radius:4px;background:#1e293b;overflow:hidden;margin-top:7px}.ratio-track i{display:block;height:100%;border-radius:4px}.ratios-total{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #334155;padding-top:16px;margin-top:20px;font-size:12px}.ratios-total span{margin-left:auto;color:#64748b}.weekly-panel{padding:0;overflow:hidden}.weekly-title{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;background:none;color:#e2e8f0;padding:24px}.weekly-table{border-collapse:collapse;width:100%;min-width:700px;font-size:14px;font-variant-numeric:tabular-nums}.weekly-table th,.weekly-table td{padding:14px 24px;text-align:right;min-width:120px;border-bottom:1px solid #ffffff05}.weekly-table th:first-child,.weekly-table td:first-child{position:sticky;left:0;min-width:220px;width:42%;text-align:left;background:#0f172a;z-index:2}.weekly-table th{color:#94a3b8;font-weight:500}.weekly-table th:last-child,.weekly-table td:last-child{min-width:130px;background:#ffffff03}.weekly-table button{border:0;background:none;color:inherit;font:inherit;display:flex;align-items:center;gap:8px;padding:0;text-align:left}.weekly-table .icon{width:14px;height:14px}.weekly-table .pnl-child td:first-child{padding-left:40px;color:#94a3b8}.pnl-child td{color:#cbd5e1}.pnl-revenue td{background:#10b98126;color:#6ee7b7;font-weight:700}.pnl-revenue td:first-child{background:#1c453f}.pnl-expenses td{background:#ec489926;color:#f9a8d4;font-weight:700}.pnl-expenses td:first-child{background:#4b2448}.pnl-margin td{background:#f59e0b26;color:#fcd34d;font-weight:700}.pnl-margin td:first-child{background:#3e321e}.pnl-percent td{background:#8b5cf626;color:#c4b5fd;font-weight:700}.pnl-percent td:first-child{background:#423078}.pnl-scroll{overflow:auto}.settings-page{padding-top:0;max-width:1024px;margin:auto}.settings-original{display:grid;grid-template-columns:3fr 2fr;gap:32px}.settings-original h2{display:flex;align-items:center;gap:8px}.settings-original h2 .icon{width:24px;height:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}.cabinet-name{font-size:14px;font-weight:600;display:grid;gap:6px;margin-bottom:24px}.cabinet-name input{height:50px;font-size:16px;font-weight:400;background:#0f172a66;border-color:#475569;border-radius:12px;padding:12px 16px}.api-section{padding:16px;border:1px solid #ffffff14;border-radius:12px;margin-top:24px}.api-section h3{font-size:14px;line-height:20px;padding-bottom:10px;border-bottom:1px solid #475569;margin-bottom:28px}.api-section h3 small{font-size:10px;font-weight:400;background:#334155;color:#cbd5e1;border-radius:12px;padding:3px 8px;margin-left:5px;white-space:nowrap}.api-section .form-grid{gap:24px}.api-section label{font-size:12px;font-weight:400;color:#94a3b8;gap:6px}.api-section input{height:38px;padding:8px 12px;font-size:14px;border-color:#475569;background:#0f172a66;border-radius:8px;min-width:0;width:100%}.cabinet-submit{width:100%;height:50px;font-size:16px;margin-top:14px}.connected-cabinets{height:600px;overflow:auto}.connected-cabinets h2{margin-bottom:28px}.connected-cabinet{position:relative;padding:20px 16px;border:1px solid #47556999;border-radius:12px;margin-bottom:16px;background:#1e293b4d}.connected-cabinet h3{font-size:16px;margin-bottom:8px}.connected-cabinet small{font-size:12px;color:#94a3b8}.cabinet-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.cabinet-icons{position:absolute;top:8px;right:8px;display:flex;opacity:0;background:#1e293b;border-radius:8px}.connected-cabinet:hover .cabinet-icons,.connected-cabinet:focus-within .cabinet-icons{opacity:1}.connected-cabinet.editing{border-color:#3b82f6}.cabinet-form-panel:has([data-id]:not([data-id=""])){border-color:#3b82f688}.settings-page>details>summary{font-size:16px;cursor:pointer}.settings-page>details[open]>summary{margin-bottom:24px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #334155}.data-table th{color:#94a3b8}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile-grid .form-grid{grid-template-columns:1fr}.login-screen{min-height:calc(100vh - 64px)}.login-card .brand .icon{display:none}.login-card .brand small{display:none}.login-card .brand strong{font-size:25px}.login-card .brand{margin-bottom:30px}.mobile-header{display:none}
@media(min-width:1600px){.donut-layout{flex-direction:row}.kpi strong{font-size:36px}.finance-head>div:first-child{min-width:0}}
@media(max-width:1200px){body{padding:16px}.sidebar{width:240px;min-width:240px;padding:32px 20px}.main{padding:24px}.overview-head{flex-wrap:wrap}.finance-page{padding:0}.finance-head{flex-wrap:wrap}.group-control button{padding:8px}.product-controls{gap:8px}.kpi{padding:18px}.kpi-grid{gap:16px}.settings-original{gap:20px}.api-section .form-grid{gap:14px}.table-footer{font-size:12px}.pagination button{padding:10px}.pagination span{padding:0 5px}}
@media(max-width:900px){body{padding:16px}.shell{min-height:600px;height:calc(100dvh - 32px)}.sidebar{position:fixed;left:16px;top:16px;bottom:16px;z-index:150;transform:translateX(-120%);visibility:hidden;background:#0f172a;border-radius:24px}.sidebar.open{transform:none;visibility:visible;box-shadow:0 0 0 100vmax #020617aa}.main{padding:24px}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:190px}.overview-grid{grid-template-columns:1fr}.settings-original{grid-template-columns:1fr}.connected-cabinets{height:auto;min-height:200px}.product-controls{flex-wrap:wrap}.product-controls .searchbox{max-width:none;flex-basis:calc(100% - 50px)}.product-count{margin-left:auto}.finance-cards{gap:12px}.finance-card{padding:18px}.finance-analysis{gap:12px}.actions .btn{font-size:12px}.table-footer{flex-wrap:wrap;min-height:54px}.table-footer>span{display:none}.table-footer .pagination{font-size:12px}.profile-grid{grid-template-columns:1fr}.data-status{right:25px;bottom:2px}.overview-dates{max-width:100%}.decorative-orb{display:none}}
@media(max-width:560px){body{padding:8px}.shell{height:calc(100dvh - 16px);min-height:480px;border-radius:18px}.main{padding:16px}.sidebar{top:8px;left:8px;bottom:8px}.date-toolbar{flex-wrap:wrap;gap:8px}.overview-dates .date-toolbar{flex-direction:column;align-items:flex-start}.period-inputs{padding:0 8px}.period-inputs input{width:116px;font-size:12px}.page-head{margin-top:0;margin-bottom:24px}.page-head h1{font-size:26px}.page-note{font-size:12px}.kpi-grid{gap:12px}.kpi{padding:16px;min-height:186px;border-radius:18px}.kpi strong{font-size:26px}.kpi label{font-size:10px}.kpi-icon{margin-bottom:12px}.kpi-change{font-size:10px}.kpi small{font-size:10px;margin-top:12px}.overview-grid{margin-top:24px}.chart-heading{align-items:flex-start;gap:8px;flex-wrap:wrap}.chart-panel{height:360px;padding:18px}.chart-wrap{height:230px;margin-top:18px}.top-panel{padding:18px}.actions{gap:5px;margin-bottom:12px}.actions .btn{font-size:10px;padding:7px;height:32px;min-height:32px}.actions .icon{width:14px;height:14px}.action-divider{display:none}.products-page>.date-toolbar{margin-bottom:12px}.product-controls{margin-bottom:12px}.group-control button{font-size:10px;padding:7px}.product-controls .check-label{font-size:10px}.product-count{font-size:10px}.table-panel{border-radius:16px}.products-table td{padding:8px}.product-info{gap:6px}.product-image,.no-image{width:29px;height:29px}.product-name{font-size:12px}.product-article{font-size:9px}.stock-badges .chip{font-size:9px}.stock-sorts{gap:8px;font-size:8px}.orders-value{font-size:14px;padding:4px 7px}.table-footer{padding:8px;gap:5px}.table-footer label{font-size:10px}.table-footer select{font-size:10px;padding:5px}.pagination button{padding:8px}.fullscreen{inset:8px}.table-heading{padding:12px;gap:8px;height:62px;min-height:62px}.table-heading h2{font-size:13px}.table-heading .searchbox{width:130px}.table-tools{gap:5px}.table-heading h2 .icon{display:none}.finance-head h1{font-size:26px}.finance-head .page-note{font-size:14px}.finance-date-controls{flex-wrap:wrap;gap:8px}.finance-cards,.finance-analysis{grid-template-columns:1fr}.finance-cards .finance-card{min-height:0}.finance-line{font-size:13px}.weekly-title{padding:18px}.weekly-title h2{font-size:15px}.weekly-table th,.weekly-table td{padding:12px;min-width:110px}.weekly-table th:first-child,.weekly-table td:first-child{min-width:180px}.form-grid,.api-section .form-grid{grid-template-columns:1fr}.settings-original .panel{padding:20px}.settings-original h2{font-size:18px}.api-section h3{font-size:12px}.settings-page>details{padding:18px}.data-status{display:none}.copy-popover{left:auto;right:0}.profile-grid{gap:16px}.login-card{padding:24px}.login-screen{min-height:calc(100vh - 16px);padding:8px}.form-grid .full{grid-column:auto}}
/* Reference geometry refinements verified at 1280 × 720. */
body{overflow:hidden}.brand{line-height:32px}.overview-head .page-note{margin-top:0;line-height:20px}.kpi strong{white-space:nowrap}.preset select{width:80px;min-width:80px}.overview-dates .preset select{width:108px}.period-inputs input{width:118px}.finance-line{padding:9px 0;line-height:18px}.top-description small{white-space:nowrap}.model-row .orders-value.value{background:#312e8166;color:#c7d2fe}.model-row .size-badge{display:table;max-width:100%}.model-row .group-summary{font-size:9px}.connected-cabinets .size-badge{font-weight:400}.table-footer .pagination{font-weight:500}
body{position:fixed;inset:0}.kpi-change{padding:3px 0}.kpi-value{gap:8px}.kpi small{margin-top:16px;padding-top:8px}.overview-grid{grid-template-columns:calc(66.6667% - 8px) 1fr}.settings-original{grid-template-columns:calc(60% - 12.8px) 1fr}.brand{line-height:29px}
@media(max-width:900px){.overview-grid,.settings-original{grid-template-columns:1fr}}

.kpi small{margin-top:8px}.nav .disabled{padding:12px 16px;margin-top:0;min-height:64px}.cabinet-picker{padding-bottom:14px}.profile-nav{padding-top:12.5px;padding-bottom:12.5px}
.finance-card .distribution-bar{margin-bottom:16px}
.weekly-title{padding:16px 24px}.weekly-table th,.weekly-table td{padding-top:12px;padding-bottom:12px}.weekly-table .pnl-child td{padding-top:10px;padding-bottom:10px}.weekly-table .pnl-revenue td:last-child{background:#10b98126}.weekly-table .pnl-expenses td:last-child{background:#ec489926}.weekly-table .pnl-margin td:last-child{background:#f59e0b26}.weekly-table .pnl-percent td:last-child{background:#8b5cf626}.weekly-table .pnl-margin td.positive{color:#34d399}.weekly-table .pnl-margin td.negative{color:#fb7185}
.copy-popover .btn.primary{background:#4f2fea;border-color:#4f2fea;font-size:14px;height:32px;min-height:32px;border-radius:8px;padding:6px 16px}.copy-popover [data-action="close-copy"]{background:none;border:0;color:#94a3b8;font-size:14px}.group-summary[aria-expanded="true"]{color:#7de2ce;background:#0d948833;border-color:#0d948866}

.sort-btn .sort-hint{opacity:0;transition:opacity .15s}.sort-btn:hover .sort-hint,.sort-btn:focus-visible .sort-hint{opacity:.3}
:root .browser-import-panel { padding: 8px 0 20px; }
.browser-import-panel .row { align-items: end; flex-wrap: wrap; gap: 12px; }
.browser-import-panel label { display: grid; gap: 6px; font-size: 12px; color: var(--muted, #a0aac0); }
.browser-import-panel label.check-label { display: flex; align-items: center; min-height: 36px; }
.browser-import-panel input[type="date"], .browser-import-panel input[type="time"], .browser-import-panel select { min-height: 36px; padding: 7px; border: 1px solid #354259; border-radius: 7px; background: #101a2c; color: #e8edf5; }
.browser-import-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; color: #a0aac0; font-size: 12px; }
.browser-import-panel td { vertical-align: top; max-width: 320px; white-space: normal; }
.browser-import-panel td a { overflow-wrap: anywhere; }