@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#272a30;background:#f4f5f7}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#17191d;color:#c4c6ca;padding:20px 15px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;border-bottom:1px solid #2d3035}.brand img{width:42px;height:42px;object-fit:contain;background:white;border-radius:9px}.brand b,.brand-title{font:800 18px Manrope;color:white}.brand b span,.brand-title span{color:#df3439}.brand small{display:block;font-size:9px;letter-spacing:1px;color:#999;margin-top:3px}.company{padding:17px 8px 10px;font-size:11px;color:#aaa}.company i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2dc078;margin-right:8px}.sidebar nav{display:grid;gap:4px;overflow:auto;margin-top:10px}.sidebar nav button{background:none;border:0;color:#a9abb1;text-align:left;border-radius:6px;padding:11px;display:flex;gap:12px;align-items:center;font-size:13px}.sidebar nav button:hover,.sidebar nav button.active{background:#302427;color:#ff696d}.side-foot{margin-top:auto;border-top:1px solid #2d3035;padding-top:15px}.user{display:flex;align-items:center;gap:10px;padding:0 4px 12px}.avatar{width:32px;height:32px;background:#d9363b;color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:bold}.user b{font-size:12px;color:#eee}.user small{display:block;color:#999;font-size:10px;margin-top:3px}.logout{background:transparent;border:0;color:#a9abb1;font-size:12px;padding:8px}.shell main{margin-left:252px;min-height:100vh}header{height:64px;background:#fff;border-bottom:1px solid #e8e9ec;display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:2}.crumb{font-size:12px;color:#81858b}.crumb span{padding:0 10px;color:#bbb}.crumb b{color:#333}.head-right{margin-left:auto;display:flex;gap:15px;align-items:center}.connection{font-size:10px;color:#777}.connection.good{color:#168951}.connection.bad{color:#b42b31}.plain,.menu-toggle{border:0;background:none;color:#666;font-size:20px}.menu-toggle{display:none}.content{padding:28px 34px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-head small{font-size:9px;letter-spacing:1.3px;color:#999;font-weight:700}.page-head h1{font:800 25px Manrope;margin:5px 0}.page-head p{font-size:12px;color:#999;margin:0}.primary{background:#d9363b;color:white;border:0;border-radius:6px;padding:11px 16px;font-size:12px;font-weight:bold}.primary:hover{background:#c62c32}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.stat,.panel{background:white;border:1px solid #e9eaed;border-radius:8px}.stat{padding:17px}.stat-label{font-size:11px;color:#858990}.stat-value{display:block;font:700 21px Manrope;margin:8px 0 3px}.stat-foot{font-size:10px;color:#999}.grid-two{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #eee}.panel-head h3{font:700 13px Manrope;margin:0 0 4px}.panel-head p{font-size:10px;color:#999;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.4px;color:#999;padding:12px 15px;background:#fafafa;border-bottom:1px solid #eee}td{font-size:11px;color:#62666d;padding:12px 15px;border-bottom:1px solid #f0f1f2}tr:last-child td{border-bottom:0}.empty{text-align:center;color:#999;padding:28px}.badge{display:inline-block;border-radius:12px;background:#fff3e1;color:#ae7114;font-size:9px;padding:4px 8px}.quick{padding:6px 15px}.quick button{display:block;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid #eee;padding:14px;color:#555;font-size:12px}.quick button:last-child{border:0}.quick b{float:right;color:#c33}.search{border:1px solid #e2e3e6;border-radius:5px;padding:8px 10px;font-size:11px}.notice{background:#fff0f0;color:#a52c31;border:1px solid #ffd4d6;padding:11px 14px;border-radius:6px;margin-bottom:15px;font-size:12px}.modal-back{position:fixed;inset:0;background:#10131999;display:grid;place-items:center;padding:15px;z-index:5}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:10px}.modal-head{padding:19px 22px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.modal-head h2{font:700 18px Manrope;margin:0 0 4px}.modal-head p{font-size:11px;color:#999;margin:0}.close{border:0;background:none;font-size:25px;color:#777}.modal form{padding:20px 22px}.modal label{display:block;font-size:11px;color:#62666d;margin-bottom:13px}.modal input,.modal select,.modal textarea{width:100%;padding:10px;border:1px solid #dfe1e4;border-radius:5px;margin-top:6px;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;justify-content:flex-end;gap:9px;padding-top:10px}.secondary{background:white;border:1px solid #ddd;border-radius:5px;padding:10px 15px;font-size:12px}.error{font-size:12px;color:#bc2830;margin-top:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#17191d,#30343d);padding:15px}.login-card{background:white;width:min(400px,100%);padding:30px;border-radius:12px;box-shadow:0 20px 60px #0004}.login-card>img{width:190px;height:100px;object-fit:contain;display:block;margin:0 auto 12px}.login-card .brand-title{text-align:center;color:#222;margin-top:8px}.login-card h1{text-align:center;font:700 20px Manrope;margin:19px 0 4px}.login-card p{text-align:center;color:#999;font-size:12px;margin:0 0 22px}.login-card label{display:block;font-size:12px;margin:13px 0}.login-card input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ddd;border-radius:5px}.login-card button{width:100%;margin-top:10px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.report{padding:18px}.report h3{font:700 14px Manrope;margin:0 0 7px}.report p,.muted{font-size:11px;color:#999}.report strong{font:800 24px Manrope;display:block;margin:14px 0}.report-line{display:flex;justify-content:space-between;border-top:1px solid #eee;padding:10px 0;font-size:11px}.mobile-backdrop{display:none}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.content{padding:24px 18px}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.shell main{margin:0}header{padding:0 14px;height:56px}.menu-toggle{display:block;margin-right:10px}.connection{display:none}.content{padding:20px 13px}.page-head h1{font-size:22px}.stats{gap:8px}.stat{padding:13px}.stat-value{font-size:17px}.report-grid{grid-template-columns:1fr}.mobile-backdrop.show{display:block;position:fixed;inset:0;background:#0007;z-index:2}}

.small-action{background:#fff;border:1px solid #dfe1e4;color:#3d4958;padding:7px 9px;border-radius:5px;font-size:10px;font-weight:700;white-space:nowrap}.small-action:hover{background:#f3f5f8}.danger-action{background:#fff1f1;border-color:#f3c4c5;color:#b52e33}.danger-action:hover{background:#ffe4e4}.quote-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 10px;font-size:12px}.quote-line{display:grid;grid-template-columns:2fr .8fr .8fr 1fr .7fr 30px;gap:6px;margin-bottom:8px}.quote-line input,.quote-line select{min-width:0;width:100%;padding:9px 7px;border:1px solid #dfe1e4;border-radius:5px;font-size:11px}.remove-line{border:0;background:#fff0f0;color:#bb2930;border-radius:5px;font-size:18px}.quote-hint{font-size:10px;color:#8b6c30;background:#fff8e9;padding:10px;border-radius:5px;margin-top:8px}@media(max-width:700px){.quote-line{grid-template-columns:1fr 1fr}.quote-line input:first-child{grid-column:span 2}.quote-line .remove-line{grid-column:span 2;padding:5px}.quote-head{gap:8px}}
.image-upload-label{display:block;margin-top:8px;padding:12px;border:1px dashed #cfd3da;border-radius:7px;background:#fafbfc}.image-upload-label small{display:block;color:#888;font-size:10px;margin-top:6px}.image-upload-label input[type=file]{padding:8px;background:#fff}.product-image-preview{margin:4px 0 14px}.product-image-preview img{display:block;max-width:160px;max-height:140px;object-fit:contain;border:1px solid #e5e7eb;border-radius:7px;padding:4px}.product-cell{display:flex;align-items:center;gap:9px;min-width:150px}.product-thumb{width:42px;height:42px;object-fit:cover;border:1px solid #e6e8eb;border-radius:6px;background:#f8f9fa;flex:none}.product-placeholder{display:grid;place-items:center;color:#aaa;font-size:19px}

.company-settings{padding:18px}.company-settings .panel-head{margin:-18px -18px 16px;padding:18px;border-bottom:1px solid #eee}.company-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.company-settings label{display:block;font-size:11px;color:#62666d;margin:0 0 12px}.company-settings input:not([type=checkbox]),.company-settings textarea{display:block;width:100%;padding:10px;border:1px solid #dfe1e4;border-radius:5px;margin-top:6px;font-size:12px}.company-settings .full-row{grid-column:1/-1}.company-settings .image-upload-label input[type=file]{background:#fff}.logo-preview{display:flex;align-items:center;gap:18px;margin:3px 0 12px}.logo-preview img{width:150px;height:90px;object-fit:contain;border:1px solid #eee;border-radius:7px;background:#fafafa}.company-settings .remove-logo{display:flex;align-items:center;gap:7px;margin:0}.company-settings .remove-logo input{margin:0}@media(max-width:700px){.company-form-grid{grid-template-columns:1fr}.company-settings .full-row{grid-column:auto}.logo-preview{align-items:flex-start;flex-direction:column}}

.settings-shortcut{border:1px solid #ead7d8;background:#fff7f7;color:#b9252b;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700;white-space:nowrap}.settings-shortcut:hover{background:#ffeded}@media(max-width:700px){.settings-shortcut{padding:7px;font-size:10px}}

.report-toolbar{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.report-toolbar h3{margin:0 0 5px;font:700 15px Manrope}.report-toolbar p{margin:0;color:#888;font-size:11px}.report-toolbar form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.report-toolbar label{font-size:10px;color:#666}.report-toolbar input{display:block;padding:8px;border:1px solid #dfe1e4;border-radius:5px;margin-top:4px}.report-toolbar .primary,.report-toolbar .secondary{padding:9px 11px;font-size:11px}.report-stats{grid-template-columns:repeat(4,1fr)}.report-section{padding:15px;margin-bottom:15px}.report-section .panel-head{margin-bottom:10px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.report-columns .report-section{min-width:0}.report .stat-foot{line-height:1.4}@media(max-width:1050px){.report-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.report-toolbar{align-items:flex-start;flex-direction:column}.report-toolbar form{width:100%}.report-toolbar form label{flex:1;min-width:120px}.report-toolbar form button{flex:1}.report-stats{grid-template-columns:repeat(2,1fr)}.report-columns{grid-template-columns:1fr}}@media print{.sidebar,header,.page-head,.report-toolbar form,#notice,.connection{display:none!important}.shell main{margin:0!important}.content{padding:0!important;max-width:none}.report-section,.report-toolbar,.stat{break-inside:avoid}.report-columns{grid-template-columns:1fr 1fr}}
.permission-box{border:1px solid #e5e7eb;border-radius:7px;padding:13px;margin:10px 0 14px}.permission-box>b{font-size:12px}.permission-box>div{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin-top:9px}.permission-item,.user-toggle{display:flex!important;align-items:center;gap:8px;font-size:11px!important;margin:5px 0!important}.permission-item input,.user-toggle input{width:auto!important;margin:0!important}.permission-disabled{opacity:.5}.user-active{background:#e8f8ef;color:#17824f}.user-inactive{background:#f1f2f4;color:#73777e}@media(max-width:600px){.permission-box>div{grid-template-columns:1fr}}

.order-hint{font-size:11px;color:#777}

.order-lines-head,.order-line{display:grid;grid-template-columns:minmax(160px,2fr) .7fr .8fr 1fr 32px;gap:7px;align-items:start}.order-lines-head{font-size:10px;color:#858990;padding:0 0 6px}.order-line{margin-bottom:8px}.order-line>div{display:grid;gap:5px}.order-line input,.order-line select{min-width:0;width:100%;padding:8px 7px;border:1px solid #dfe1e4;border-radius:5px;font-size:11px}.order-total{display:flex;justify-content:flex-end;gap:18px;padding:10px 0;border-top:1px solid #eee;font-size:12px}.order-total b{font-size:15px;color:#292d33}@media(max-width:620px){.order-lines-head{display:none}.order-line{grid-template-columns:1fr 1fr}.order-line>div{grid-column:span 2}.order-line .remove-line{grid-column:span 2}.order-total{justify-content:space-between}}

.order-vat-mode{display:flex!important;align-items:center;gap:10px;margin:10px 0!important;font-weight:700}.order-vat-mode select{width:auto!important;min-width:150px;margin:0!important}.order-totals>div{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#666;padding:4px 0}.order-totals{margin-top:8px}.order-totals .order-grand{font-size:13px;font-weight:700;color:#24272d;border-top:1px solid #eee;padding-top:9px}.order-totals .order-grand b{font-size:16px}
.license-reminder{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:0 0 16px;border-left:4px solid #c91e2b}.license-reminder>div{display:grid;gap:5px}.license-reminder span{font-size:13px;color:var(--muted,#6b7280)}.license-panel .panel-head{align-items:center}.license-panel .muted{margin-top:14px}@media(max-width:640px){.license-reminder{align-items:flex-start;flex-direction:column}}
.panel-visibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:18px 0}.panel-visibility-item{display:flex;align-items:center;gap:11px;min-height:54px;padding:12px 14px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:var(--surface,#fff);cursor:pointer}.panel-visibility-item input{width:17px;height:17px;accent-color:#c91e2b}.panel-visibility-item .module-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(201,30,43,.09);color:#c91e2b}.panel-visibility-item span:last-child{font-weight:600;font-size:14px}
.panel-settings-callout{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;margin:0 0 16px;border-left:4px solid #d9363b}.panel-settings-callout>div{display:grid;gap:5px}.panel-settings-callout span{font-size:12px;color:#777}@media(max-width:640px){.panel-settings-callout{align-items:flex-start;flex-direction:column}}
.theme-toggle{border:1px solid #ead7d8;background:#fff7f7;color:#b9252b;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700;white-space:nowrap}.theme-toggle:hover{background:#ffeded}.login-card .theme-toggle{display:block;margin:0 auto 14px}
:root[data-theme="dark"] body{background:#111318;color:#e6e8ec}:root[data-theme="dark"] header{background:#1b1e25;border-color:#30343d}:root[data-theme="dark"] .crumb,:root[data-theme="dark"] .crumb b{color:#d8dbe1}:root[data-theme="dark"] .content{color:#e6e8ec}:root[data-theme="dark"] .page-head h1{color:#f1f2f5}:root[data-theme="dark"] .stat,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .login-card{background:#1b1e25;border-color:#30343d;color:#e6e8ec}:root[data-theme="dark"] .panel-head,:root[data-theme="dark"] .modal-head{border-color:#30343d}:root[data-theme="dark"] .panel-head h3,:root[data-theme="dark"] .modal-head h2,:root[data-theme="dark"] .stat-value{color:#f0f1f4}:root[data-theme="dark"] .panel-head p,:root[data-theme="dark"] .stat-label,:root[data-theme="dark"] .stat-foot,:root[data-theme="dark"] .muted,:root[data-theme="dark"] .page-head p{color:#aeb4bf}:root[data-theme="dark"] th{background:#242832;color:#b7bdc8;border-color:#343945}:root[data-theme="dark"] td{background:#1b1e25;color:#d0d4dc;border-color:#30343d}:root[data-theme="dark"] .table-wrap{border-color:#30343d}:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#242832;color:#f0f1f4;border-color:#414754}:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#8e96a3}:root[data-theme="dark"] .secondary,:root[data-theme="dark"] .search{background:#242832;color:#e6e8ec;border-color:#414754}:root[data-theme="dark"] .quick button{color:#e0e3e8;border-color:#30343d}:root[data-theme="dark"] .settings-shortcut,:root[data-theme="dark"] .theme-toggle{background:#302427;border-color:#67363a;color:#ff9296}:root[data-theme="dark"] .settings-shortcut:hover,:root[data-theme="dark"] .theme-toggle:hover{background:#442a2d}:root[data-theme="dark"] .login-wrap{background:linear-gradient(135deg,#101216,#232832)}:root[data-theme="dark"] .login-card h1,:root[data-theme="dark"] .login-card label{color:#eceef2}:root[data-theme="dark"] .permission-box,:root[data-theme="dark"] .permission-item{background:#242832;border-color:#414754;color:#d9dde4}:root[data-theme="dark"] .notice{background:#3a2325;color:#ffb4b8;border-color:#6f3438}:root[data-theme="dark"] .badge{background:#433721;color:#f4cb77}:root[data-theme="dark"] .small-action{background:#242832;color:#e1e4ea;border-color:#414754}@media(max-width:700px){.theme-toggle{padding:7px;font-size:10px}.head-right{gap:6px}}
.warehouse-tools{display:flex;align-items:center;gap:8px}.warehouse-tools .search{min-width:140px}@media(max-width:700px){.warehouse-tools{width:100%;flex-wrap:wrap}.warehouse-tools .search{flex:1}}