:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e5e7eb;background:#0b1020;--card:#141b2d;--line:#2a3550;--accent:#7dd3fc;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#0b1020,#111827)}button,input,select{font:inherit}button{border:0;border-radius:10px;padding:12px 15px;background:#38bdf8;color:#06121a;font-weight:800;cursor:pointer}.secondary{background:#273449;color:#e5e7eb}.danger{background:#4c1d24;color:#fecdd3}header{padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:auto}h1{font-size:22px;margin:0}h2{margin:0 0 8px}h3{margin-top:0}small,p{color:var(--muted)}nav{position:sticky;top:0;z-index:3;background:#0b1020dd;backdrop-filter:blur(12px);display:flex;gap:6px;padding:8px;overflow:auto;border-bottom:1px solid var(--line)}nav button{background:transparent;color:var(--muted);white-space:nowrap}nav button.active{background:#1d2a42;color:#fff}main{max-width:900px;margin:auto;padding:18px 14px 90px}.tab{display:none}.tab.active{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 12px 30px #0003}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-list{display:grid;gap:10px}.product{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.product strong{font-size:17px}.product .sub{color:var(--muted);font-size:13px}.product .price{text-align:right;font-weight:800}.product .margin{text-align:right;color:#86efac;font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:block;color:#cbd5e1;font-size:13px;margin:9px 0}input,select{width:100%;margin-top:5px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0d1526;color:#fff}.check{display:flex;gap:9px;align-items:center;font-size:15px}.check input{width:auto;margin:0}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.metric{background:#0d1526;border-radius:10px;padding:11px}.metric small{display:block}.metric b{font-size:18px}.estimate-line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;background:var(--card);padding:12px;border-bottom:1px solid var(--line)}.total{font-size:24px;font-weight:900;text-align:right;padding:18px 4px}.notice{background:#172033;border-left:3px solid var(--accent);padding:10px;border-radius:6px}.lock{position:fixed;inset:0;display:grid;place-items:center;padding:20px}.login{width:min(390px,100%);text-align:center}.error{color:#fda4af;margin-top:8px}.file{background:#273449;padding:12px;border-radius:10px;display:block}.file input{margin-top:8px}dialog{border:0;background:transparent;width:min(700px,96%)}dialog::backdrop{background:#000a}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:560px){.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}
[hidden]{display:none!important}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#e5e7eb;color:#111827;padding:10px 14px;border-radius:10px;font-weight:700;z-index:20;box-shadow:0 8px 30px #0008}.dialog-meta{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:10px}.derived{opacity:.85}.toolbar{display:flex;gap:8px;margin:10px 0}.toolbar input{margin:0}.toolbar select{width:auto;margin:0}
.actions-left,.invoice-actions{display:flex;gap:8px;flex-wrap:wrap}.actions-left button,.invoice-actions button{flex:1;min-width:140px}input[readonly]{background:#172033;color:#dbeafe;font-weight:700}
.grid-span{grid-column:1/-1}.pricing-section{margin:8px 0 4px}.pricing-section h3{margin:8px 0 10px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preset{background:#0d1526;color:#e5e7eb;border:1px solid var(--line);display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left}.preset small{color:var(--muted)}.preset b{font-size:17px}.preset.selected{border-color:var(--accent);background:#1d2a42;box-shadow:0 0 0 1px var(--accent) inset}.suggested-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0d1526;border-radius:10px;padding:12px;margin-top:8px}.suggested-row small{display:block}.suggested-row strong{font-size:22px}.derived-box{background:#0d1526;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--muted);line-height:1.7}.derived-box b{color:#e5e7eb}@media(max-width:560px){.preset-grid{grid-template-columns:1fr}.suggested-row{align-items:stretch;flex-direction:column}}