:root{font-family:Inter,system-ui,sans-serif;color:#192338;background:#f2f5f9;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.topbar{background:#132d50;color:#fff;padding:17px 24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font-weight:600;letter-spacing:.04em}.logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#24a1b3}.tabs{background:#fff;border-bottom:1px solid #dce3ec;padding:0 20px;display:flex;gap:5px}.tabs button{border:0;background:none;padding:15px 17px;border-bottom:3px solid transparent;color:#46536a;cursor:pointer}.tabs button.active{color:#08768a;border-color:#1b9aad}main{max-width:1500px;margin:auto;padding:24px}.screen{display:none}.active-screen{display:block}.heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.heading h1{margin:0 0 5px;font-size:25px}.heading p,.hint{margin:0;color:#68758a;font-size:13px}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.surface{background:#fff;border:1px solid #dce3ec;border-radius:14px;padding:19px;box-shadow:0 5px 18px rgba(26,43,69,.04)}h2{font-size:17px;margin:0 0 15px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}label{display:grid;gap:6px;color:#4f5d73;font-size:13px}input,select,textarea{width:100%;border:1px solid #cad4e0;border-radius:9px;padding:10px 11px;background:#fff;color:#192338}textarea{min-height:75px;resize:vertical}.form-section{border-top:1px solid #e5eaf0;margin-top:18px;padding-top:18px}.product-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.product-switch button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:12px;cursor:pointer}.product-switch .selected{background:#e2f5f7;border-color:#1d99aa;color:#086d7d}.primary,.soft,.danger-btn{border:0;border-radius:10px;padding:11px 15px;cursor:pointer}.primary{background:#148b9c;color:#fff}.soft{background:#e8eef5;color:#25334a}.danger-btn{background:#fde3e3;color:#a1222a}.full{width:100%;margin-top:9px}.line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e7ebf0}.grand{display:flex;justify-content:space-between;font-size:21px;padding:18px 0}.notice{background:#e0f5e7;color:#22633b;border-radius:9px;padding:11px;margin-top:12px}.hidden{display:none!important}.materials{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:9px;margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stats div{background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:14px}.stats span{color:#69768a}.stats b{display:block;font-size:24px;margin-top:4px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lane h2{padding:0 4px}.job{width:100%;display:grid;text-align:left;gap:6px;background:#fff;border:1px solid #dce3ec;border-left:6px solid #668fc0;border-radius:12px;padding:14px;margin-bottom:11px;cursor:pointer;color:inherit}.job span{font-size:13px;color:#56647a}.job em,.status{width:max-content;font-style:normal;font-size:12px;border-radius:999px;padding:4px 8px;background:#edf1f6}.job.warning{border-left-color:#e5a42b}.job.active{border-left-color:#249c6b}.job.danger{border-left-color:#d64c56}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:13px 10px;border-bottom:1px solid #e3e8ee}th{font-size:13px;color:#68758a}.status.warning{background:#fff0c8;color:#845600}.status.active{background:#dff3ea;color:#176442}.status.danger{background:#fde2e2;color:#98222b}.status.done{background:#e2efe5;color:#315f3d}dialog{width:min(700px,calc(100% - 30px));border:0;border-radius:16px;padding:25px;color:#192338}dialog::backdrop{background:rgba(17,29,47,.55)}.dialog-close{float:right;border:0;background:none;font-size:27px;cursor:pointer}.dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}@media(max-width:800px){.two-col,.grid-2,.board{grid-template-columns:1fr}.span-2{grid-column:auto}.fields{grid-template-columns:1fr}.materials{grid-template-columns:1fr}.tabs{overflow:auto}.tabs button{white-space:nowrap}.topbar{font-size:13px}main{padding:16px}.heading{align-items:stretch;flex-direction:column}}

.period{background:#e8eef5;color:#42516a;border-radius:999px;padding:8px 13px;font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi-grid article{background:#fff;border:1px solid #dce3ec;border-radius:14px;padding:18px;box-shadow:0 5px 18px rgba(26,43,69,.04)}.kpi-grid span,.kpi-grid small{display:block;color:#68758a}.kpi-grid b{display:block;font-size:27px;margin:8px 0 4px}.dashboard-grid{margin-top:4px}.attention-list{display:grid}.attention-list button{display:flex;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e5eaf0;background:#fff;padding:13px 4px;cursor:pointer;color:inherit}.attention-list small{display:block;color:#68758a;margin-top:4px}.dot{width:11px;height:11px;border-radius:50%;flex:0 0 auto}.danger-dot{background:#d64c56}.warning-dot{background:#e5a42b}.sales-bars div{display:grid;grid-template-columns:1fr auto;gap:8px;margin:17px 0}.sales-bars i{grid-column:1/-1;height:10px;border-radius:99px;background:linear-gradient(90deg,#1b99aa var(--w),#e8edf3 var(--w))}.order-list{display:grid;gap:10px}.order-row{grid-template-columns:1.1fr 1.8fr .7fr auto;align-items:center;margin:0;padding:16px 18px}.order-row small{display:block;color:#68758a;margin-top:5px}.order-row em{justify-self:end}.search-box{display:flex;align-items:center;gap:9px}.search-box input{width:240px}.price{position:sticky;top:18px;height:max-content}@media(max-width:800px){.kpi-grid{grid-template-columns:1fr 1fr}.order-row{grid-template-columns:1fr}.order-row em{justify-self:start}}

.clickable-table tbody tr{cursor:pointer}.clickable-table tbody tr:hover{background:#f1f8f9}.inquiry-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.inquiry-detail div{background:#f3f6f9;border-radius:10px;padding:13px}.inquiry-detail span{display:block;color:#68758a;font-size:12px;margin-bottom:5px}.manager-orders{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.manager-orders button{display:grid;gap:5px;text-align:left;background:#fff;border:1px solid #dce3ec;border-radius:12px;padding:14px;color:inherit;cursor:pointer}.manager-orders button.selected{border:2px solid #1b99aa;background:#f0fbfc}.manager-orders span,.manager-orders em{font-size:12px;color:#68758a}.production-sheet header{background:#17324d;color:#fff;text-align:center;padding:18px;border-radius:10px 10px 0 0}.production-sheet header h1{font-size:22px;margin:0}.production-sheet header p{margin:5px 0 0}.sheet-meta{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;background:#fde3df;color:#a43c2d;padding:12px}.production-sheet section{margin-top:12px}.production-sheet section h2{background:#0e756f;color:#fff;padding:8px 10px;font-size:13px;margin:0}.sheet-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.5fr;border:1px solid #dce3ec}.sheet-grid span,.sheet-grid b{padding:8px;border-bottom:1px solid #e3e8ee}.sheet-grid span{background:#f0f4f7;color:#42516a;font-size:12px}.production-sheet section>p{border:1px solid #dce3ec;margin:0;padding:12px}.production-sheet{font-size:13px}@media(max-width:800px){.manager-orders,.inquiry-detail{grid-template-columns:1fr}.sheet-meta,.sheet-grid{grid-template-columns:1fr 1fr}}
@media print{body>*{display:none!important}#order-dialog[open]{display:block!important;position:static;width:100%;max-width:none;margin:0;padding:0}#order-dialog .dialog-close,#order-dialog .dialog-actions{display:none!important}#order-dialog .production-sheet{display:block!important}.production-sheet section{break-inside:avoid}@page{size:A4;margin:10mm}}
.quote-sheet header{background:#17324d;color:#fff;padding:24px;text-align:center;border-radius:10px 10px 0 0}.quote-sheet header h1{margin:0;font-size:24px}.quote-sheet header p{margin:6px 0 0}.quote-meta{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px;background:#f1f5f8}.quote-meta span,.quote-meta small{display:block;color:#68758a}.quote-meta b{display:block;margin:4px 0}.quote-sheet table{margin-top:20px}.quote-total{margin:20px 0 12px auto;width:300px;display:flex;justify-content:space-between;align-items:center;background:#e8f5f6;padding:16px;border-radius:10px}.quote-total b{font-size:22px}@media print{#quote-dialog[open]{display:block!important;position:static;width:100%;max-width:none;margin:0;padding:0}#quote-dialog .dialog-close,#quote-dialog .dialog-actions{display:none!important}#quote-dialog .quote-sheet{display:block!important}}

.installation-board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.installation-form .dialog-actions{justify-content:flex-start;margin-top:18px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.check-grid label{display:flex;align-items:center;gap:9px;background:#f4f7fa;border:1px solid #dce3ec;padding:11px;border-radius:9px}.check-grid input{width:auto}.installation-list{display:grid;gap:10px}.installation-list button{border:1px solid #dce3ec;background:#fff;border-radius:11px;padding:14px;text-align:left;display:grid;gap:5px;cursor:pointer}.installation-list button:hover{border-color:#1b9aad;background:#f4fbfc}.installation-list span,.installation-list small{color:#68758a}.installation-list em{justify-self:start;font-style:normal}@media(max-width:900px){.installation-board{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}}

.panel-grid{display:grid;grid-template-columns:70px minmax(180px,1.4fr) minmax(120px,1fr) minmax(120px,1fr);gap:10px;align-items:center;margin:8px 0}.panel-grid>input,.panel-grid>select{width:100%}.panel-head{padding:0 4px;color:#68758a;font-size:13px}.compact-section{margin-top:18px;padding:16px;border:1px solid #dce3ec;border-radius:12px;background:#f8fafc}.hardware-info{padding:12px;border-radius:9px;background:#e8f5f6;color:#24515a}.hardware-info.hardware-warning{background:#fff0ed;color:#9a2f22;border:1px solid #f0b6ad}@media(max-width:700px){.panel-grid{grid-template-columns:45px 1fr}.panel-head{display:none}.panel-grid>input,.panel-grid>select{grid-column:2}}

.designer-canvas{border:1px solid #cfd9e6;border-radius:12px;background:linear-gradient(#fff,#f6f9fc);padding:10px;margin:14px 0}.designer-canvas svg{display:block;width:100%;height:auto;min-height:260px}.designer-legend{display:flex;gap:18px;justify-content:center;color:#68758a;font-size:13px}.designer-legend span{display:flex;align-items:center;gap:7px}.designer-legend i{width:18px;height:12px;border-radius:3px}.fixed-swatch{background:#d9edf5;border:2px solid #5596ac}.door-swatch{background:#d9f2ee;border:2px solid #18988d}.svg-fixed{fill:#d9edf5;fill-opacity:.8;stroke:#5596ac;stroke-width:3}.svg-door{fill:#d9f2ee;fill-opacity:.78;stroke:#18988d;stroke-width:3}.base-line{stroke:#32465a;stroke-width:3}.door-arc{fill:none;stroke:#18988d;stroke-width:2;stroke-dasharray:6 5}.panel-code{font:bold 26px Inter,sans-serif;fill:#17324d}.dimension-text,.height-text{font:13px Inter,sans-serif;fill:#596b7d}

.designer-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0}.designer-actions .hint{margin:0}.designer-actions button:disabled{opacity:.55;cursor:wait}

.designer-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0}.designer-steps span{padding:10px 8px;border-radius:8px;background:#eef2f6;color:#68758a;text-align:center;font-size:13px;font-weight:600}.designer-steps .done{background:#dff1ed;color:#18766f}.designer-steps .active{background:#17324d;color:#fff}.designer-viewbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 6px 12px;color:#17324d}.designer-viewbar span{font-size:13px;color:#68758a}.room-wall{fill:none;stroke:#a8b2bf;stroke-width:8;stroke-linecap:square}.wall-label{font:600 12px Inter,sans-serif;fill:#7b8794;letter-spacing:.08em}.plan-fixed{stroke:#5596ac;stroke-width:12;stroke-linecap:round}.plan-door{stroke:#18988d;stroke-width:12;stroke-linecap:round}.junction{fill:#17324d;stroke:#fff;stroke-width:2}.plan-note{font:13px Inter,sans-serif;fill:#68758a}@media(max-width:700px){.designer-steps{grid-template-columns:1fr 1fr}.designer-viewbar{align-items:flex-start;flex-direction:column}}