*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f4f7fb;color:#172033}body.dark{background:#0d1420;color:#edf2f7}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#0b1220;color:#fff}.topbar h1{margin:0;font-size:1.35rem}.topbar p{margin:4px 0 0;opacity:.7}.icon-btn{border:0;background:#ffffff18;color:#fff;border-radius:12px;padding:11px 14px;font-size:18px;cursor:pointer}.tabs{display:flex;gap:8px;padding:12px 5%;background:#fff;border-bottom:1px solid #dce3ed;position:sticky;top:0;z-index:5}.dark .tabs,.dark .card{background:#141e2d;border-color:#26364a}.tab{border:0;background:transparent;padding:11px 14px;border-radius:10px;cursor:pointer;color:inherit}.tab.active{background:#e8eef8;font-weight:700}.dark .tab.active{background:#25354b}.page{display:none;max-width:1250px;margin:0 auto;padding:28px 5% 60px}.page.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div,.card{background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:18px}.stats span{display:block;font-size:1.5rem;font-weight:800}.stats small{opacity:.65}.toolbar,.actions,.section-head,.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.toolbar input{flex:1}.primary,.secondary{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700}.primary{background:#0b1220;color:#fff}.secondary{background:#e9eef5;color:#172033}.dark .secondary{background:#26364a;color:#fff}.quote-list{display:grid;gap:12px}.quote{background:#fff;border:1px solid #dfe6ef;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px}.dark .quote{background:#141e2d;border-color:#26364a}.quote h3{margin:0 0 5px}.quote p{margin:4px 0;opacity:.72}.quote-actions{display:flex;gap:7px;align-items:center}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#e9eef5;font-size:.78rem}.dark .badge{background:#26364a}h2,h3{margin-top:0}.card{margin-bottom:18px}label{display:block;font-weight:650;font-size:.9rem;margin-bottom:13px}input,select{width:100%;margin-top:6px;border:1px solid #cfd9e5;border-radius:9px;padding:11px;background:#fff;color:#172033}.dark input,.dark select{background:#0f1825;color:#fff;border-color:#304359}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1000px}th,td{border-bottom:1px solid #dfe6ef;padding:8px;text-align:left;font-size:.86rem}th{background:#f1f5f9}.dark th{background:#1c2a3c}td input{margin:0;padding:8px}.remove{border:0;background:#fee2e2;border-radius:7px;padding:7px;cursor:pointer}.totals{align-items:end}.total-box{padding:14px;border:1px solid #dfe6ef;border-radius:10px}.total-box span{display:block;opacity:.7}.total-box strong{font-size:1.2rem}.grand{background:#eaf0f8}.dark .grand{background:#1e3046}.grand strong{font-size:1.45rem}.logo-preview{height:110px;border:1px dashed #aab8c8;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:8px 0 15px}.logo-preview img{max-height:90px;max-width:220px;display:none}.fixed-currency{font-weight:700}.empty{padding:35px;text-align:center;opacity:.6;background:#fff;border-radius:14px}.dark .empty{background:#141e2d}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.tabs{overflow:auto}.toolbar,.actions,.section-head{flex-wrap:wrap}.toolbar input{min-width:100%}.page{padding-left:4%;padding-right:4%}}
/* Professional Qotation UI */
:root{--accent:#1769e0}
body{background:linear-gradient(180deg,#f7f9fc 0,#eef3f9 100%);letter-spacing:.01em}
.topbar{background:linear-gradient(135deg,#07101f,#132a4a);box-shadow:0 4px 20px #0b122018}
.tabs{box-shadow:0 2px 12px #0b12200d}
.tab.active,.primary{background:var(--accent)}
.primary{box-shadow:0 5px 14px #1769e033}
.card,.stats>div,.quote{box-shadow:0 8px 24px #10233a0a}
input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1769e01c}
.security-card{border-left:4px solid var(--accent)}

.security-card{border-left:4px solid #1769e0}.security-card .hint{font-size:.85rem;opacity:.75}@media print{.no-print,.tabs{display:none!important}body{background:#fff!important}}

.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.backup-card .hint{margin-top:10px}.security-card{border-left:4px solid #1769e0}