:root{--orange:#ff6500;--ink:#151515;--muted:#727272;--line:#e8e8e8;--paper:#fff;--bg:#f4f4f2;--green:#19a463}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}header{height:72px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center}.brand img{width:155px;height:58px;object-fit:contain;object-position:left center}.brand strong,.brand span{display:block;line-height:1}.brand span{font-size:10px;letter-spacing:2.6px;color:#aaa;margin-top:5px}.ghost{background:transparent;color:#fff;border:1px solid #444;border-radius:10px;padding:10px 14px;cursor:pointer}main{max-width:1180px;margin:auto;padding:36px 20px 80px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{color:var(--orange);font-weight:800;font-size:11px;letter-spacing:2px}.hero h1{font-size:clamp(32px,5vw,58px);letter-spacing:-3px;margin:8px 0 4px}.hero p{margin:0;color:var(--muted)}.stats{background:#191919;color:white;padding:16px 22px;border-radius:16px;min-width:150px}.stats small,.stats strong{display:block}.stats strong{font-size:30px;color:var(--orange)}.tabs{display:flex;gap:5px;border-bottom:1px solid #ddd;margin-bottom:20px}.tab{border:0;background:transparent;padding:14px 18px;font-weight:700;color:#777;cursor:pointer}.tab.active{color:#111;border-bottom:3px solid var(--orange)}.panel{display:none}.panel.active{display:block}.card{background:var(--paper);border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 3px 18px #00000008}.cardTitle{display:flex;align-items:center;gap:12px;margin-bottom:22px}.cardTitle>span{background:#fff1e8;color:var(--orange);font-weight:900;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.cardTitle h2{font-size:18px;margin:0}.cardTitle .mini{margin-left:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}label{font-size:12px;font-weight:750;color:#555;display:flex;flex-direction:column;gap:7px;position:relative}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;background:#fbfbfa;color:#111;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff650015}.item{display:grid;grid-template-columns:1fr 95px 140px 40px;gap:10px;margin-bottom:10px}.remove{border:0;background:#f6f6f4;border-radius:10px;font-size:18px;cursor:pointer}.mini{border:0;background:#fff1e8;color:#d95300;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.totals{margin:24px 0 0 auto;background:#f7f7f5;border-radius:14px;padding:16px;max-width:420px}.totals div{display:flex;justify-content:space-between;padding:6px}.totals .grand{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:5px 0;padding:12px 6px}.totals .grand strong{color:var(--orange);font-size:23px}.actions{display:flex;justify-content:flex-end;gap:10px}.actions button,.primary,.secondary,.whatsapp{border:0;border-radius:11px;padding:14px 18px;font-weight:850;cursor:pointer}.primary{background:var(--orange);color:#fff}.secondary{background:#222;color:#fff}.whatsapp{background:var(--green);color:#fff}.search{margin-bottom:15px}.historyRow{border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.historyRow h3{margin:0 0 5px}.historyRow small{color:#777}.badge{background:#fff1e8;color:#c84d00;border-radius:50px;padding:6px 9px;font-size:11px;font-weight:800}.hint{font-size:12px;color:#777;max-width:700px}dialog{border:0;border-radius:18px;padding:0;max-width:850px;width:calc(100% - 30px);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0009}.close{position:absolute;right:12px;top:10px;border:0;background:#eee;width:34px;height:34px;border-radius:50%;font-size:20px}.quoteDoc{padding:55px}.docHead{display:flex;justify-content:space-between;border-bottom:4px solid var(--orange);padding-bottom:24px}.docLogo{font-size:24px;font-weight:950}.docLogo b{color:var(--orange)}.docTitle{text-align:right}.docTitle h2{margin:0;font-size:32px}.docClient{background:#f5f5f3;border-radius:12px;padding:18px;margin:25px 0}.docTable{width:100%;border-collapse:collapse}.docTable th,.docTable td{text-align:left;padding:12px 8px;border-bottom:1px solid #ddd}.docTable th:last-child,.docTable td:last-child{text-align:right}.docSum{margin:20px 0 20px auto;width:280px}.docSum div{display:flex;justify-content:space-between;padding:5px}.docSum .final{font-size:20px;font-weight:900;border-top:2px solid #111;margin-top:7px;padding-top:12px}.docFoot{border-top:1px solid #ddd;margin-top:30px;padding-top:20px;color:#555;font-size:13px}.dialogActions{padding:18px;background:#f5f5f3;text-align:right}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#111;color:white;border-radius:10px;padding:12px 18px;transition:.25s;z-index:20}#toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:700px){main{padding:24px 14px 100px}.hero{align-items:start}.stats{display:none}.hero h1{letter-spacing:-2px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.item{grid-template-columns:1fr 70px 105px 38px}.actions{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px;z-index:4;box-shadow:0 -3px 20px #0002}.actions button{flex:1;padding:12px 8px;font-size:11px}.card{padding:18px}.quoteDoc{padding:28px}.docHead{display:block}.docTitle{text-align:left;margin-top:20px}.tab{padding:12px 10px;font-size:12px}}@media print{body>*{display:none!important}dialog{display:block!important;position:static;width:100%;max-width:none;box-shadow:none}.close,.dialogActions{display:none}.quoteDoc{padding:20px}}
#publicQuote{max-width:850px;margin:28px auto 100px;background:#fff;box-shadow:0 10px 50px #0002}.publicActions{position:sticky;bottom:0;display:flex;gap:10px;justify-content:center;background:#f5f5f3;padding:16px}.publicActions a{text-decoration:none}.docLogo img{width:145px;height:80px;object-fit:contain;object-position:left center}.historyActions{display:flex;gap:7px;flex-wrap:wrap}.historyActions button{border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}.historyActions .resend{background:var(--green);color:#fff}.historyActions .view{background:#222;color:#fff}.public-mode header,.public-mode main{display:none}.public-mode #publicQuote{display:block!important}
@media(max-width:700px){#publicQuote{margin:0;box-shadow:none}.publicActions{flex-direction:column}.historyRow{align-items:flex-start;flex-direction:column}}
@media print{.public-mode #publicQuote{display:block!important;margin:0;box-shadow:none}.public-mode #publicQuote>*:not(article){display:none!important}.public-mode #publicQuote article{display:block!important}}
.clientSection,.eventSection{margin-top:26px}.clientSection h3,.eventSection h3,.sectionTitle{margin:0 0 10px;color:var(--orange);font-size:17px;letter-spacing:.7px}.docClient{display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:#fff;border:1px solid #ddd;border-radius:0;padding:0;margin:0}.docClient>div,.eventGrid>div{padding:15px 16px;min-height:76px;border-right:1px solid #ddd}.docClient>div:last-child,.eventGrid>div:last-child{border-right:0}.docClient small,.eventGrid small{display:block;color:#777;font-size:11px;margin-bottom:12px}.docClient strong,.eventGrid strong{display:block;font-size:15px;white-space:pre-line}.eventGrid{display:grid;grid-template-columns:1fr 1.8fr 1.2fr 1.2fr;border:1px solid #ddd}.sectionTitle{margin-top:28px}
@media(max-width:700px){.docClient{grid-template-columns:1fr 1fr}.eventGrid{grid-template-columns:1fr 1fr}.eventGrid>div:nth-child(2){border-right:0}.eventGrid>div:nth-child(-n+2){border-bottom:1px solid #ddd}.clientSection h3,.eventSection h3,.sectionTitle{font-size:15px}}
[hidden]{display:none!important}.headerActions{display:flex;gap:9px}.primaryGhost{border-color:var(--orange);color:#ff8a3d}.historyHelp{margin:-8px 0 16px;color:#666;font-size:13px}
#redirectOverlay{position:fixed;inset:0;z-index:100;background:#0009;display:grid;place-items:center;padding:20px}.redirectBox{width:min(360px,100%);background:#fff;border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 20px 70px #0005}.redirectBox h3{margin:14px 0 7px;font-size:20px}.redirectBox p{margin:0;color:#666;font-size:14px}.spinner{width:46px;height:46px;margin:auto;border:4px solid #dff5e8;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){header{padding:0 12px}.brand img{width:110px}.headerActions{gap:5px}.headerActions .ghost{padding:9px 8px;font-size:10px}}
.historyActions .delete{background:#ffe8e8;color:#b42318}
.historyActions .closing{background:#fff1e8;color:#b94700}.statusBadge{display:inline-block;margin-top:6px;border-radius:50px;padding:4px 8px;background:#f0f0ee;color:#555;font-size:10px;font-weight:800}.statusBadge.closingStatus{background:#fff1e8;color:#b94700}.closingDialog{max-width:680px}.closingContent{padding:32px}.closingContent h2{font-size:28px;margin:6px 0}.closingContent>p{margin:0 0 22px;color:#666}.closingNotice{margin-top:20px;padding:14px 16px;border-radius:10px;background:#fff7ed;color:#7c3b00;font-size:13px;line-height:1.45}.closingDialog .dialogActions{margin:24px -32px -32px;display:flex;gap:10px;justify-content:flex-end}.closingDialog .dialogActions button{border:0;border-radius:10px;padding:12px 15px;font-weight:800;cursor:pointer}
@media(max-width:700px){.closingContent{padding:25px 18px}.closingDialog .dialogActions{margin:22px -18px -25px;flex-direction:column}.closingDialog .dialogActions button{width:100%}}