:root{color-scheme:light;font-family:Tahoma,Segoe UI,sans-serif;--bg: #e7edf4;--panel: #f4f4f4;--text: #263242;--muted: #78879b;--border: #ccd6e2;--primary: #2a8aea;--primary-strong: #1f75cb;--danger-bg: #ffe8e8;--danger-text: #b03838;--ok-bg: #e9fff1;--ok-text: #1f7d48}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#d6e6f7,#e9edf3 20%,#dce5f1);color:var(--text)}.page{max-width:1980px;margin:0 auto;padding:1rem;display:grid;gap:.75rem;align-content:start}.legacy-page{min-height:100vh;align-content:start}.legacy-topbar{background:linear-gradient(90deg,#2d85db,#3592ee);border:1px solid #6ea8e1;border-radius:8px;padding:.45rem;position:sticky;top:0;z-index:50;align-self:start}.legacy-topbar-main{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:40px}.legacy-tabs{display:flex;flex-wrap:nowrap;align-items:center;gap:.1rem;flex:1 1 auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.legacy-tab{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:38px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:0 .72rem;font-size:.75rem;line-height:1;white-space:nowrap;cursor:pointer}.legacy-tab.active{background:#fff3;border-color:#ffffffb3}.legacy-userbox{display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem;color:#f6fbff}.legacy-userbox.top-right{justify-content:flex-end;flex:0 0 auto}.legacy-userbox.top-right span{white-space:nowrap}.legacy-userbox .account-tab{color:#fff}.legacy-role{background:#ffffff2e;padding:.2rem .4rem;border-radius:4px;font-size:.76rem}.hero{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.2rem;display:grid;gap:.45rem}.hero h1{margin:0;font-size:1.8rem}.hero p{margin:0;color:var(--muted)}.hero-actions{display:flex;gap:.5rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.45rem}.legacy-cards .card{border-radius:6px;padding:.5rem .55rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:.9rem;display:grid;gap:.4rem}.card span{color:var(--muted);font-size:.85rem}.card strong{font-size:1.22rem}.legacy-workspace{display:grid;grid-template-columns:390px 1fr;gap:.7rem;align-items:start}.legacy-sidebar{max-height:76vh}.legacy-sidebar{overflow:auto}.legacy-sidebar-header{display:grid;grid-template-columns:120px 1fr;gap:.45rem}.legacy-main{min-height:76vh}.legacy-order-header{display:grid;grid-template-columns:1fr 1fr 1.8fr 180px;gap:.45rem}.legacy-mini-grid{display:grid;grid-template-columns:1fr 1fr 220px;gap:.45rem}.legacy-orders-table tbody tr{cursor:pointer}.legacy-orders-table{min-width:100%;table-layout:fixed}.legacy-orders-table th:nth-child(1),.legacy-orders-table td:nth-child(1){width:52px}.legacy-orders-table th:nth-child(2),.legacy-orders-table td:nth-child(2){width:98px}.legacy-orders-table th:nth-child(4),.legacy-orders-table td:nth-child(4){width:126px}.legacy-orders-table th:nth-child(3),.legacy-orders-table td:nth-child(3){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legacy-orders-table tbody tr:hover{background:#edf6ff}.selected-row{background:#dff0ff}.status-pill{display:inline-block;min-width:100px;text-align:center;padding:.2rem .45rem;border-radius:2px;color:#fff;font-size:.75rem}.status-pill.new{background:#2787e0}.status-pill.design{background:#f39608}.status-pill.proof{background:#49b6e9}.status-pill.production{background:#4aaa49}.status-pill.done{background:#4b5f76}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid.single-column{grid-template-columns:1fr}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:.65rem;display:grid;gap:.55rem;overflow:hidden}.panel.legacy-sidebar{overflow:auto}.panel h2{margin:0;font-size:1.85rem;font-weight:700}.settings-panel p{margin:0;color:#5b6d82}.settings-form label{display:grid;gap:.35rem;font-size:.85rem;color:#32405b}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.wb-filters{display:grid;grid-template-columns:1.5fr .8fr 1fr auto;gap:.5rem;align-items:end}.wb-filters label{display:grid;gap:.2rem;font-size:.78rem;color:#52657b}.clients-page,.analytics-page{align-items:start}.screenshot-panel{background:#f7f9fc;border-color:#d8e2ef;border-radius:4px}.analytics-header-panel{padding:.8rem}.analytics-header-panel h2{font-size:2.2rem;font-weight:600}.analytics-filters{margin-top:.45rem;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.55rem;align-items:end}.analytics-filters label{display:grid;gap:.25rem;font-size:.78rem;color:#53657a}.analytics-filter-actions{display:flex;align-items:center;gap:.35rem}.analytics-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.analytics-kpis-screenshot{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-kpis .card{border-radius:6px;background:#eef4fb;border:1px solid #d2dfef;padding:.55rem}.analytics-kpis .kpi{gap:.22rem;min-height:96px}.analytics-kpis .kpi span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#5f7388}.analytics-kpis .kpi strong{font-size:2rem;line-height:1.05}.analytics-kpis .kpi em{font-style:normal;font-size:.72rem;color:#64819e}.tone-blue{background:#cfe4f4!important;border-color:#bed8ed!important}.tone-cyan{background:#d4f1f5!important;border-color:#bfe7ed!important}.tone-pink{background:#f4e9ec!important;border-color:#eadde2!important}.tone-mint{background:#e4efe4!important;border-color:#d4e4d4!important}.tone-gray{background:#eceff2!important;border-color:#dce3ea!important}.tone-sand{background:#f4edc9!important;border-color:#e8ddb1!important}.tone-green{background:#dbeedb!important;border-color:#cce1cc!important}.tone-yellow{background:#edf5d8!important;border-color:#dce8c0!important}.tone-rose{background:#f2dce1!important;border-color:#e4c9d0!important}.tone-sky{background:#d2e8ef!important;border-color:#c0dce5!important}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.analytics-grid-top{margin-top:.2rem}.analytics-chart-panel h3,.analytics-margin-panel h3,.analytics-orders-panel h3{margin:0;font-size:1.05rem}.line-chart{width:100%;height:250px;background:#fff;border:1px solid #dbe4f0;border-radius:4px}.chart-grid-line{stroke:#e5edf6;stroke-width:1}.chart-grid-line-vert{stroke-dasharray:2 4}.line{fill:none;stroke-width:3}.line-orders{stroke:#3f6cff}.line-revenue{stroke:#34c4d6}.line-profit{stroke:#e85a5a}.line-chart-legend{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.7rem;font-size:.76rem;color:#4d6078}.line-chart-legend span{display:inline-flex;align-items:center;gap:.3rem}.legend-dot{width:14px;height:4px;border-radius:6px}.legend-dot.orders{background:#3f6cff}.legend-dot.revenue{background:#34c4d6}.legend-dot.profit{background:#e85a5a}.line-chart-xlabels{margin-top:.15rem;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));font-size:.72rem;color:#73849b}.line-chart-xlabels span{text-align:center}.donut-panel{display:grid}.donut-wrap{display:grid;place-items:center;gap:.55rem}.donut-chart{width:190px;height:190px}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem .7rem;font-size:.75rem;color:#53657a}.donut-legend span{display:inline-flex;align-items:center;gap:.3rem}.donut-legend i{display:inline-block;width:10px;height:10px;border-radius:50%}.top-clients-chart{height:210px;display:flex;align-items:flex-end;gap:.45rem;padding:.6rem;background:#fff;border:1px solid #dbe4f0;border-radius:4px}.top-client-col{flex:1 1 0;display:grid;justify-items:center;gap:.2rem}.top-client-bar{width:100%;max-width:44px;background:linear-gradient(180deg,#6ec1f4,#3f9de6);border-radius:4px 4px 0 0}.top-client-name{font-size:.68rem;color:#60758f;text-align:center;line-height:1.1}.top-client-col strong{font-size:.7rem;color:#38506b}.chart-list{display:grid;gap:.35rem}.chart-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:.45rem}.chart-row span{font-size:.8rem;color:#41536d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-row strong{font-size:.8rem;color:#1f2f49;min-width:56px;text-align:right}.month-chart-row{grid-template-columns:48px 1fr 1fr auto}.month-chart-row strong{min-width:32px}.chart-bar-wrap{height:10px;border-radius:999px;background:#e7edf6;overflow:hidden}.chart-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2a8aea,#62b0ff)}.chart-bar.success{background:linear-gradient(90deg,#2fa268,#53c98a)}.chart-bar.warn{background:linear-gradient(90deg,#f39a2f,#ffc15f)}.analytics-mini-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.mini-kpi{background:#fbfdff;border:1px solid #dce7f4;border-radius:6px;padding:.55rem;display:grid;gap:.22rem}.mini-kpi span{font-size:.72rem;color:#61758d}.mini-kpi strong{font-size:1.35rem;color:#1f7dd2}.analytics-orders-panel{overflow:hidden}.analytics-orders-panel .panel-title-row{margin-bottom:.35rem}.analytics-orders-table{min-width:100%;table-layout:fixed}.analytics-orders-table th,.analytics-orders-table td{font-size:.73rem;white-space:nowrap}.analytics-orders-table td:nth-child(9){color:#267242}.analytics-orders-table td:nth-child(10){color:#7c8fa6}.analytics-orders-table td:nth-child(11){color:#23a06d}.warehouse-page,.calculator-page{align-items:start}.calculator-panel{max-width:860px;margin:0 auto;padding:.9rem}.calculator-panel h2{text-align:center;font-size:1.35rem}.calculator-section{border:1px solid #d7e1ee;border-radius:6px;background:#edf4fb;padding:.7rem}.calculator-section h3{margin:0 0 .45rem;text-align:center;font-size:.92rem}.calculator-form-grid{display:grid;gap:.45rem}.calculator-form-grid label{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:.55rem;font-size:.78rem}.calculator-actions-row{margin-top:.5rem;display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.calculator-meter-cost{color:#3f5571;font-size:.78rem}.required{color:#2a3f5d}.required:before{content:"* ";color:#d86074}.calculator-table-wrap{border:1px solid #d5dfec;border-radius:6px;overflow:hidden;background:#fff}.calculator-table{min-width:100%;table-layout:fixed}.calculator-table th,.calculator-table td{text-align:center;font-size:.75rem}.calculator-table tfoot td{font-weight:700;background:#edf4fb}.calculator-empty{height:86px;color:#90a0b6}.clients-panel{display:block;padding:.7rem}.clients-panel .panel-title-row{margin-bottom:.6rem}.clients-table{min-width:0;table-layout:auto;height:auto}.clients-table tbody{display:table-row-group}.clients-table tbody tr{height:auto}.clients-table th,.clients-table td{padding:.5rem .4rem;white-space:nowrap}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.form{display:grid;gap:.45rem}.form.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.separator{margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--border)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:2px;padding:.4rem .52rem;background:#fefefe}input[type=checkbox]{width:auto;padding:0;border:0;border-radius:0;background:transparent}textarea{min-height:52px;resize:vertical}.lines{border-top:1px solid var(--border);padding-top:.45rem;display:grid;gap:.45rem}.lines h3{margin:0;font-size:.95rem}.line-row{display:grid;grid-template-columns:1.4fr 1fr .7fr .8fr 1fr auto;gap:.3rem}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.btn{border:0;border-radius:3px;padding:.45rem .78rem;background:var(--primary);color:#fff;cursor:pointer}.btn:hover{background:var(--primary-strong)}.btn.ghost{background:#eef3ff;color:#2349af}.btn.success{background:#44c14e}.btn.success:hover{background:#35a63e}.btn.bootstrap-btn{background:#0d6efd;border:1px solid #0a58ca;color:#fff;border-radius:.375rem;padding:.32rem .65rem;font-size:.78rem}.btn.bootstrap-btn:hover{background:#0b5ed7}.alert{border-radius:12px;padding:.7rem .9rem}.alert.error{background:var(--danger-bg);color:var(--danger-text)}.alert.ok{background:var(--ok-bg);color:var(--ok-text)}.loading{min-height:100vh;display:grid;place-items:center;font-size:1.15rem}.login-page{min-height:100vh;display:grid;place-items:center}.login-panel{width:min(460px,96vw)}table{width:100%;border-collapse:collapse;min-width:520px}th,td{border-bottom:1px solid var(--border);padding:.3rem .32rem;text-align:left;vertical-align:top;font-size:.79rem}th{background:#edf1f4;color:#32405b;font-size:.75rem}table.secondary{margin-top:.8rem}tr.low{background:#fff1d7}.checkbox-row{display:flex;align-items:center;gap:.45rem;line-height:1.25}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16223580;display:grid;place-items:center;padding:1rem;z-index:1000}.modal{width:min(620px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;border:1px solid var(--border);padding:1rem;display:grid;gap:.7rem}.modal h3{margin:0}@media(max-width:1220px){.legacy-workspace,.grid{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-filters{grid-template-columns:1fr 1fr}.analytics-filter-actions{grid-column:span 2}.analytics-grid{grid-template-columns:1fr}.line-chart{height:220px}.top-clients-chart{height:180px}.calculator-form-grid label{grid-template-columns:1fr 220px}.analytics-mini-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.legacy-userbox.top-right{gap:.3rem}.legacy-order-header,.legacy-mini-grid,.legacy-sidebar-header,.form.compact,.calculator-form-grid label{grid-template-columns:1fr}.calculator-actions-row{flex-wrap:wrap}.line-row{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpis .kpi strong{font-size:1.3rem}.analytics-header-panel h2{font-size:1.7rem}.analytics-filters{grid-template-columns:1fr}.analytics-filter-actions{grid-column:span 1}.analytics-mini-kpis{grid-template-columns:1fr}.chart-row{grid-template-columns:96px 1fr auto}.month-chart-row{grid-template-columns:40px 1fr 1fr auto}.line-chart{height:200px}.donut-chart{width:150px;height:150px}.form-actions{flex-direction:column;align-items:stretch}}