:root{--bg:#0c1016;--panel:#141a22;--panel2:#1b2430;--line:#2a3543;--text:#f7fafc;--muted:#96a3b3;--accent:#73d4ff;--danger:#ff7b8d;--green:#86efac}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:rgba(12,16,22,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand,.print-brand{font-weight:950;letter-spacing:.13em}nav{display:flex;gap:6px;flex-wrap:wrap}nav button,.ghost,.tab,.segmented button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:9px 11px}
nav button:hover,.ghost:hover,.tab.active,.segmented button.active{color:var(--text);background:var(--panel2);border-color:var(--line)}
main{max-width:1500px;margin:auto;padding:28px}.view{display:none}.view.active{display:block}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.section-head h1,.section-head h2{font-size:clamp(34px,5vw,56px);margin:3px 0}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:800}
.primary{border:0;background:var(--accent);color:#06131a;padding:11px 16px;border-radius:10px;font-weight:850}.full{width:100%}.actions,.toolbar,.tabs{display:flex;gap:8px;flex-wrap:wrap}
input,select{background:#0d131b;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 11px;min-width:0}.toolbar{margin-bottom:16px}.toolbar input{min-width:300px}
.notice{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);margin-bottom:14px}.notice.ok{border-color:#225e3f;color:var(--green)}.notice.bad{border-color:#6b2933;color:#ffb4bf}
.projects-list{display:grid;gap:10px}.project-row{display:grid;grid-template-columns:130px 1.5fr 1.2fr 120px 140px 120px 250px;align-items:center;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.project-row strong{font-size:14px}.small{font-size:12px;color:var(--muted)}.status{font-size:12px;padding:6px 8px;border-radius:999px;background:var(--panel2);width:max-content}.project-actions{display:flex;gap:6px}.project-actions button{padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.catalog-grid.list-mode{display:block}.catalog-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.catalog-item h4{margin:6px 0}.catalog-item .price{font-size:21px;font-weight:900;margin-top:9px}.catalog-grid.list-mode .catalog-item{display:grid;grid-template-columns:1fr 160px 120px;align-items:center;margin-bottom:7px}
.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase}
.project-form{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 2fr 1.2fr 1.2fr .8fr;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:18px}label{display:grid;gap:5px;font-size:12px;color:var(--muted)}
.estimate-layout{display:grid;grid-template-columns:1fr 480px;gap:18px}.picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.picker-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:11px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.picker-item button{border:0;background:var(--panel2);color:var(--text);padding:8px 11px;border-radius:8px}
.estimate-panel{position:sticky;top:78px;max-height:calc(100vh - 92px);overflow:auto;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.estimate-panel h3{margin-top:0}
.est-row{padding:10px 0;border-bottom:1px solid var(--line)}.est-main{display:grid;grid-template-columns:1fr 55px 60px 80px 28px;gap:6px;align-items:center}.est-main input{width:100%;padding:7px}.est-sub{display:flex;gap:8px;align-items:center;margin-top:6px}.item-disc{width:90px}.remove{background:none;border:0;color:var(--danger);font-size:18px}
.discount-box{margin-top:14px;padding:12px;border:1px solid #35516a;background:#101c27;border-radius:10px}.discount-box h4{margin:0 0 9px}.discount-note{font-size:12px;color:var(--muted);margin-top:8px}.discount-line strong{color:var(--green)}
.tax-box,.internal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.totals{display:grid;gap:7px;margin:14px 0}.totals>div{display:flex;justify-content:space-between}.grand{font-size:19px;border-top:1px solid var(--line);padding-top:12px}.internal{border-top:1px solid var(--line);padding-top:12px}.internal summary{font-weight:800;cursor:pointer}.compact{font-size:13px}
#toast{position:fixed;right:20px;bottom:20px;z-index:50;opacity:0;transform:translateY(10px);transition:.2s;background:#111b25;border:1px solid var(--line);padding:11px 14px;border-radius:9px;pointer-events:none}#toast.show{opacity:1;transform:none}
.print-sheet{display:none}
@media(max-width:1150px){.project-row{grid-template-columns:110px 1.5fr 1fr 110px 120px}.project-row .hide-mid{display:none}.project-form{grid-template-columns:repeat(4,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.estimate-layout{grid-template-columns:1fr}.estimate-panel{position:static;max-height:none}.project-form{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.project-row{grid-template-columns:1fr 1fr}.picker-grid{grid-template-columns:1fr}}
@media(max-width:600px){main{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.project-form,.catalog-grid{grid-template-columns:1fr}.toolbar input{min-width:0;width:100%}.section-head{align-items:flex-start;flex-direction:column}.est-main{grid-template-columns:1fr 50px 50px 70px 24px}}
@media print{
 body{background:#fff;color:#111}.topbar,main,#toast{display:none!important}.print-sheet{display:block!important;padding:18mm 14mm;font-family:Arial,sans-serif}.print-head{display:flex;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:8px}.print-sheet h1{font-size:22px;margin:18px 0}.print-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px}.print-table{width:100%;border-collapse:collapse;margin:8px 0 16px}.print-table th,.print-table td{border:1px solid #bbb;padding:6px;font-size:11px}.print-table th{background:#eee;color:#111}.print-section{font-size:15px;margin:14px 0 6px}.print-discount{padding:8px 10px;border:1px solid #888;margin:10px 0;font-weight:bold}.print-totals{margin-left:auto;width:340px}.print-totals div{display:flex;justify-content:space-between;padding:5px 0}.print-totals .final{font-size:18px;border-top:2px solid #111;margin-top:5px;padding-top:8px}.print-note{font-size:10px;color:#555;margin-top:24px}
}
.tax-flex{display:grid;grid-template-columns:1fr;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#111923}
.tax-flex h4{margin:0 0 8px}
.tax-row{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-bottom:8px}
.profit-box{padding:10px;border:1px solid #36556f;border-radius:9px;background:#101c27}
.profit-box strong{font-size:15px}
.actual-block{margin-top:12px}
.actual-revenue{margin-top:10px}
.actual-profit-box{border-color:#2d6846;background:#102018}
.project-row{grid-template-columns:125px 1.35fr 1fr 110px 125px 125px 125px 230px}
@media(max-width:1150px){.project-row{grid-template-columns:110px 1.5fr 1fr 110px 120px 120px}.project-row .hide-mid{display:none}}
@media(max-width:600px){.tax-row{grid-template-columns:1fr}}