:root{font-family:Inter,system-ui,sans-serif;color:#e8f0f5;background:#09121b;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1380px;margin:auto;padding:30px 24px}header{display:flex;align-items:center;gap:16px}.logo{background:#62dcc3;color:#092921;font-weight:900;font-size:22px;padding:15px;border-radius:14px}.header-actions{display:flex;gap:8px;margin-left:auto}small{font-size:11px;letter-spacing:1.2px;color:#8fa7ba}h1{font-size:28px;margin:5px 0}h2{font-size:19px;margin:0 0 20px}.lead,footer{color:#8fa7ba;font-size:13px}.lead{margin:16px 0 26px}button{font:inherit;border:1px solid #31475a;background:#152435;color:#e1ebf1;padding:10px 14px;border-radius:9px;cursor:pointer}button:hover{border-color:#62dcc3}.primary{background:#62dcc3;color:#092921;border-color:#62dcc3;font-weight:750}.primary:hover{background:#79ead3}button:focus-visible,input:focus-visible{outline:2px solid #62dcc3;outline-offset:2px}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}nav button.active{background:#62dcc3;color:#092921;border-color:#62dcc3}.layout{display:grid;grid-template-columns:390px 1fr;gap:18px}.panel,.estimate{background:#101e2b;border:1px solid #293d50;border-radius:16px;padding:24px}.inputs>label{display:block;margin-bottom:18px}#fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}label{font-size:12px;color:#aec0ce;line-height:1.45}input{display:block;width:100%;margin-top:6px;border:1px solid #385066;border-radius:8px;padding:10px;background:#091623;color:#fff;font:inherit;font-size:16px}.qty{max-width:180px}#error,.dialog-error{color:#ffaaa6;font-size:13px;min-height:18px}.calculated{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.calculated>div{background:#0b1824;border:1px solid #263b4d;border-radius:10px;padding:12px}.calculated>div:last-child{grid-column:1/-1;background:#11362f;border-color:#367f6e}.calculated strong{display:block;font-size:18px;margin-top:6px}.inputs>.primary{width:100%;padding:13px}.drawing-head{display:flex;justify-content:space-between}.drawing-head span{font-size:11px;color:#8fa7ba}canvas{width:100%;height:330px;display:block;touch-action:none;cursor:grab}#dims{font-size:12px;color:#a7bbca;line-height:1.7}.price-info{display:flex;gap:24px;color:#8fa7ba;font-size:12px;margin:12px 0}.price-info b{color:#62dcc3}.estimate{margin-top:18px}.estimate-head{display:flex;justify-content:space-between;align-items:center}.estimate-head h2{margin:4px 0 0}.table-wrap{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:1030px}th,td{text-align:right;padding:13px 10px;border-bottom:1px solid #263a4b;font-size:13px;font-variant-numeric:tabular-nums}th{color:#8fa7ba;font-size:11px;letter-spacing:.4px}th:first-child,th:nth-child(2),td:first-child,td:nth-child(2){text-align:left}td:first-child{font-weight:700}td:nth-child(2){color:#9fb3c2;font-size:12px}td:last-child{width:44px}.remove{padding:5px 8px;color:#ffaaa6}.totals{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px}.totals>div{background:#0b1824;border:1px solid #263b4d;border-radius:11px;padding:16px}.totals strong{display:block;margin-top:8px;font-size:18px}.totals .grand{background:#11362f;border-color:#3b8a76}.totals .grand strong{color:#72ebcf;font-size:24px}#empty{text-align:center;color:#8fa7ba;padding:28px}footer{margin-top:22px}dialog{border:0;padding:0;background:transparent;max-width:440px;width:calc(100% - 32px)}dialog::backdrop{background:#02070dc9;backdrop-filter:blur(3px)}.dialog-card{position:relative;background:#101e2b;border:1px solid #345067;border-radius:16px;padding:28px}.dialog-card label{display:block;margin:14px 0}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:24px}.dialog-note{font-size:12px;color:#8fa7ba;line-height:1.55}.dialog-card .primary{width:100%;margin:8px 0}.dialog-card #logout{width:100%;margin-top:4px}[hidden]{display:none!important}@media(max-width:900px){.layout{grid-template-columns:1fr}.totals{grid-template-columns:1fr 1fr}.totals .grand{grid-column:1/-1}}@media(max-width:600px){main{padding:18px 12px}header{align-items:flex-start}.header-actions{flex-direction:column}h1{font-size:22px}.panel,.estimate{padding:18px}#fields{grid-template-columns:1fr}.calculated{grid-template-columns:1fr}.calculated>div:last-child{grid-column:auto}canvas{height:260px}.totals{grid-template-columns:1fr}.totals .grand{grid-column:auto}}@media print{body,.panel,.estimate,.totals>div{background:white!important;color:black!important}.inputs,.visual,nav,.header-actions,#clear,footer,td:last-child,th:last-child{display:none!important}main{max-width:none;padding:0}.estimate{border:0;padding:0}.totals strong{color:black!important}small,p,th,td:nth-child(2){color:#333!important}}
#fields{grid-template-columns:1fr}.qty{max-width:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.admin-prices{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.rail-heading{margin-top:22px}.print-report{display:none}
@media(max-width:600px){.admin-prices{grid-template-columns:1fr}}
@media print{body{background:white!important;color:#111!important}body>main,body>dialog{display:none!important}.print-report{display:block!important;padding:0;color:#111;background:white}.print-header{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-bottom:2px solid #111;padding-bottom:16px}.print-header>div{display:flex;flex-direction:column;gap:5px}.print-header .supplier{text-align:right}.print-header small{color:#555!important}.print-report h1{margin:26px 0 3px;font-size:24px}.print-report>p{margin:0 0 22px;color:#555!important}.print-report table{min-width:0;color:#111}.print-report th,.print-report td{color:#111!important;border-color:#bbb;font-size:11px;padding:9px 7px}.print-report th:nth-child(n),.print-report td:nth-child(n){text-align:left}.print-report th:nth-child(n+4),.print-report td:nth-child(n+4){text-align:right}.print-report td:nth-child(3){font-size:10px;color:#333!important}.print-report tfoot td{font-weight:800;border-top:2px solid #111;border-bottom:0;font-size:14px}.print-report tfoot td:first-child{text-align:right}}

/* Modern UI refresh */
body{min-height:100vh;background:radial-gradient(circle at 12% 0,#18384a 0,transparent 30%),radial-gradient(circle at 88% 8%,#173b35 0,transparent 27%),linear-gradient(145deg,#08111a,#0b1722 55%,#08121b);background-attachment:fixed}main{padding-top:38px}header{padding:4px 2px 10px}.logo{background:linear-gradient(135deg,#75efd6,#38bba5);box-shadow:0 10px 30px #42d2b433;border-radius:16px}h1{letter-spacing:-.5px}.lead{font-size:14px}.panel,.estimate{background:linear-gradient(145deg,#122332eb,#0e1c29ed);border-color:#31485b;box-shadow:0 18px 55px #02070d4d,0 1px 0 #ffffff0a inset;border-radius:20px}.inputs.editing{border-color:#62dcc3;box-shadow:0 0 0 3px #62dcc31c,0 18px 55px #02070d4d}nav{gap:10px}nav button,button{border-color:#385166;background:linear-gradient(180deg,#192c3e,#132333);transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #02070d3d}nav button{border-radius:999px;padding:11px 17px}nav button.active,.primary{background:linear-gradient(135deg,#6ce7cf,#45c9b2);color:#062820;border-color:#70ead3;box-shadow:0 8px 24px #40cdb02e}.primary:hover{background:linear-gradient(135deg,#80f0d9,#52d3bb)}input{min-height:43px;border-color:#3b566b;background:#091824;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:#62dcc3;box-shadow:0 0 0 3px #62dcc31a;outline:0}.calculated>div,.totals>div{background:linear-gradient(145deg,#0c1b28,#0a1722);border-color:#2d4355}.calculated>div:last-child,.totals .grand{background:linear-gradient(145deg,#123e35,#0e302a)}.form-actions{display:grid;grid-template-columns:1fr;gap:9px}.form-actions #add{width:100%;padding:13px}.form-actions #cancelEdit{width:100%}.table-wrap{border:1px solid #2b4153;border-radius:14px;background:#0b1824;overflow:auto}table{min-width:1120px}thead{background:#102334}th{padding-top:14px;padding-bottom:14px}tbody tr{transition:background .15s ease}tbody tr:hover{background:#142839}.row-editing{background:#174038!important;box-shadow:inset 3px 0 #62dcc3}.row-actions{display:flex;gap:5px;justify-content:flex-end}.row-actions button{padding:6px 9px}.edit{color:#79e8d2}.remove{color:#ffaaa6}td:last-child{width:92px}.dialog-card{background:linear-gradient(145deg,#142737,#0d1a26);border-color:#3b586f;box-shadow:0 25px 80px #0009;border-radius:20px}.price-info{padding:12px 14px;background:#0a1824;border:1px solid #2c4254;border-radius:11px}
@media(max-width:600px){main{padding-top:20px}.panel,.estimate{border-radius:16px}.row-actions{justify-content:flex-start}}