:root{--gold:#d3a64b;--green:#0a8f65;--dark:#0d1c17;--ink:#17201d;--muted:#6e7774;--bg:#f4f7f5;--line:#dfe7e3;--white:#fff;--red:#b43d3d;--orange:#a96608;--shadow:0 10px 32px rgba(13,28,23,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#0d1c17,#10241d);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:2px 8px 24px}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{display:block;font-size:16px}.brand small,.sidebar-bottom small{display:block;color:#8ca298;margin-top:2px;font-size:12px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#d6dfdb;font-size:14px}.sidebar nav a span{width:20px;text-align:center;color:#8ba097}.sidebar nav a:hover,.sidebar nav a.active{background:#193128;color:#fff}.sidebar nav a.active span{color:var(--gold)}.nav-label{font-size:10px;color:#738b81;letter-spacing:.16em;padding:18px 12px 6px}.sidebar-bottom{margin-top:auto;border-top:1px solid #244038;padding:16px 8px 0;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.sidebar-bottom>a{color:var(--gold);font-size:12px}.avatar,.initial{width:34px;height:34px;border-radius:10px;background:#e9f1ed;color:#0c6c4f;font-weight:900;display:grid;place-items:center}.initial.big{width:52px;height:52px;border-radius:14px;font-size:21px}.app{margin-left:250px;min-height:100vh}.topbar{min-height:88px;padding:18px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.topbar h1{font-size:24px;margin:1px 0 0}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--green);font-weight:900}.top-actions{display:flex;gap:8px}.content{padding:28px 30px 60px}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink)}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold)}.btn.sm{font-size:12px;padding:7px 9px}.btn.wide{width:100%}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:20px}.metric small{color:var(--muted);font-weight:850;font-size:11px;letter-spacing:.05em}.metric strong{display:block;font-size:28px;margin-top:7px}.metric>a{display:inline-block;margin-top:12px;color:var(--green);font-size:12px;font-weight:800}.metric-status{font-size:16px!important}.small-strong{font-size:19px!important}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:26px 0 12px}.section-head h2{font-size:18px;margin:0}.section-head p,.card-title p,.quote-editor-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.section-head>a{color:var(--green);font-size:13px;font-weight:800}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.table-wrap.flat{box-shadow:none;border-radius:10px}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fafcfb;white-space:nowrap}td{font-size:13px}.table-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.empty-cell{text-align:center;color:var(--muted);padding:28px}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;background:#edf2f0;white-space:nowrap}.badge.new,.badge.draft,.badge.scheduled{background:#eef1ff;color:#4d5aa8}.badge.contacted,.badge.sent{background:#e7f3ff;color:#246b9c}.badge.site_visit{background:#fff2dc;color:#976012}.badge.quotation_sent{background:#f1e9ff;color:#714eaa}.badge.negotiation{background:#fff6cc;color:#8b7000}.badge.won,.badge.accepted,.badge.active,.badge.completed{background:#dff4eb;color:#087550}.badge.lost,.badge.rejected,.badge.inactive,.badge.cancelled{background:#fae4e4;color:#a02e2e}.badge.overdue{background:#fff0d5;color:#9a6300;margin-left:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field label{display:block;font-size:11px;font-weight:850;color:#5f6d67;margin-bottom:6px}.field input,.field select,.field textarea,.btn-like{width:100%;padding:11px 12px;border:1px solid #cbd7d2;border-radius:9px;background:#fff;color:var(--ink)}.field textarea{min-height:94px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(10,143,101,.14);border-color:var(--green)}.span-2{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.no-margin{margin:0}.mt{margin-top:12px}.muted{color:var(--muted)}.help{display:block;color:var(--muted);margin-top:5px;font-size:11px}.flash{margin:18px 30px 0;padding:12px 14px;border-radius:10px;background:#e6f6ef;color:#086a49;border:1px solid #c9eadc}.flash.error{background:#fde7e7;color:#9b2929;border-color:#f3caca}.flash.inline{margin:0 0 16px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 10%,#174c39 0,#0e241c 42%,#08150f 100%);padding:24px}.auth-shell .topbar{display:none}.auth-shell .content{padding:0}.login-card{width:min(440px,94vw);background:#fff;border-radius:20px;padding:30px;box-shadow:0 34px 90px rgba(0,0,0,.3)}.install-card{width:min(650px,94vw)}.login-logo{display:block;width:88px;height:88px;object-fit:contain;margin:0 auto 10px}.login-brand{text-align:center;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.16em}.login-card h1{text-align:center;margin:4px 0 6px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 20px}.security-note{font-size:11px!important;margin-top:16px!important}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.search-bar{display:flex;gap:8px;flex:1}.search-bar input{flex:1;min-width:220px}.search-bar input,.search-bar select{padding:10px 12px;border:1px solid #cbd7d2;border-radius:9px;background:#fff}.welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.welcome h2{margin:0;font-size:21px}.welcome p{margin:5px 0 0;color:var(--muted)}.today{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.list-card{padding:4px 18px}.attention-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.attention-row:last-child{border:0}.attention-icon{width:36px;height:36px;border-radius:10px;background:#e5f5ef;color:#087550;display:grid;place-items:center}.attention-icon.urgent{background:#fff0d5;color:#9a6300}.grow{flex:1}.attention-row strong,.attention-row small{display:block}.attention-row small{color:var(--muted);margin-top:3px;font-size:11px}.empty{color:var(--muted);text-align:center;padding:22px}.empty.small{padding:10px 0;text-align:left}.client-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-client{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.mini-client strong,.mini-client small{display:block}.mini-client small{font-size:11px;color:var(--muted);margin-top:2px}.mini-client .badge{margin-left:auto}.kanban{display:grid;grid-template-columns:repeat(7,270px);gap:12px;overflow:auto;padding-bottom:14px}.column{background:#eaf0ed;border-radius:14px;padding:11px;min-height:610px;border:1px solid #dce6e1}.column-head{display:flex;justify-content:space-between;gap:8px;align-items:start;padding:4px 2px 10px}.column-head h3{margin:0;font-size:13px}.column-head span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.column-head strong{font-size:10px;color:#586861}.dropzone{min-height:540px}.deal{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:9px;box-shadow:0 5px 17px rgba(0,0,0,.04);cursor:grab}.deal.dragging{opacity:.45}.deal-top,.deal-bottom{display:flex;justify-content:space-between;gap:8px}.deal p{margin:7px 0 2px;font-size:12px}.deal small{color:var(--muted);display:block;font-size:10px}.deal-bottom{margin-top:11px;align-items:center}.deal-bottom b{font-size:11px}.deal-bottom a{color:var(--green);font-size:10px;font-weight:800}.page-note{color:var(--muted);font-size:12px;margin-bottom:12px}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}.client-hero,.quote-view-hero,.quote-editor-head{background:linear-gradient(135deg,#0f251d,#17382c);color:#fff;border-radius:16px;padding:20px 22px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.client-title{display:flex;gap:12px;align-items:center}.client-title h2,.quote-view-hero h2,.quote-editor-head h2{margin:0}.client-title p,.quote-view-hero p{margin:4px 0 0;color:#b7c7c0}.client-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#d6e0dc}.hero-actions,.quote-view-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.client-hero .btn,.quote-view-hero .btn,.quote-editor-head .btn{border-color:#315047;background:#fff}.card-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.card-title h3,.side-card h3,.card h3{margin:0 0 14px}.side-card{margin-bottom:14px}.client-layout{align-items:start}.mini-task{border-bottom:1px solid var(--line);padding:9px 0}.mini-task strong,.mini-task small{display:block}.mini-task small{color:var(--muted);font-size:11px;margin-top:3px}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-card{border:1px solid var(--line);border-radius:9px;padding:9px;min-width:0}.file-card span{font-size:10px;color:var(--green);font-weight:900}.file-card strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.timeline{border-left:2px solid #dbe4e0;margin-left:8px;padding-left:20px}.event{position:relative;margin:0 0 20px}.event-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);left:-26px;top:3px}.event small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.quote-kicker{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:900}.quote-metrics{margin-bottom:18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.info-grid strong{display:block;margin-top:4px}.totals{margin-left:auto;width:min(390px,100%)}.totals div{display:flex;justify-content:space-between;padding:7px 0}.totals .grand{font-size:19px;font-weight:900;border-top:2px solid var(--ink);margin-top:5px;padding-top:11px}.totals-card{display:flex;justify-content:flex-end}.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.terms-grid .card:last-child:nth-child(odd){grid-column:1/-1}.terms-grid p{font-size:13px;line-height:1.55;margin:0}.status-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;text-align:left;font-weight:800;cursor:pointer}.status-button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#eef3f0;margin-right:5px}.status-button.current{border-color:var(--green);box-shadow:0 0 0 2px rgba(10,143,101,.08)}.version-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.version-row span{color:var(--muted);font-size:11px}.editor-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-bottom:16px}.editor-grid.lower{grid-template-columns:1fr 1fr}.quote-editor-head p{color:#b7c7c0}.quote-items-card{margin-bottom:16px}.quotation-lines input{width:100%;min-width:90px;padding:9px;border:1px solid #d5ded9;border-radius:7px}.quotation-lines td:first-child input{min-width:300px}.compact{margin-top:12px}.sticky-save{position:sticky;bottom:12px;z-index:15;background:#10241d;color:#fff;border:1px solid #2c4b40;box-shadow:0 16px 40px rgba(0,0,0,.2);border-radius:13px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.sticky-save span{display:block;color:#a7bbb2;font-size:10px}.sticky-save strong{font-size:16px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs a{padding:9px 12px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800}.tabs a.active{background:var(--dark);color:#fff}.inline-actions{display:flex;gap:5px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-grid section:last-child{grid-column:1/-1}.api-code{display:block;background:#101d18;color:#d7e4de;padding:12px;border-radius:9px;overflow:auto;font-size:11px}.templates-list{grid-template-columns:1fr}.mobile-menu{display:none}.logo-preview{max-width:180px;max-height:80px;object-fit:contain}
@media(max-width:1100px){.grid.cards{grid-template-columns:repeat(2,1fr)}.client-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split,.editor-grid,.editor-grid.lower,.settings-grid{grid-template-columns:1fr}.settings-grid section:last-child{grid-column:auto}}
@media(max-width:780px){.mobile-menu{display:block;position:fixed;left:12px;top:12px;z-index:50;border:0;background:#0d1c17;color:#fff;border-radius:9px;width:40px;height:40px}.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:translateX(0)}.app{margin-left:0}.topbar{padding:15px 16px 15px 62px}.topbar h1{font-size:19px}.top-actions .btn:first-child{display:none}.content{padding:18px 14px 50px}.flash{margin:12px 14px 0}.grid.cards{grid-template-columns:1fr 1fr}.client-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.toolbar,.search-bar,.welcome,.client-hero,.quote-view-hero,.quote-editor-head{align-items:stretch;flex-direction:column}.search-bar{display:grid;grid-template-columns:1fr}.search-bar input{min-width:0}.client-contact{display:grid}.terms-grid,.info-grid{grid-template-columns:1fr}.terms-grid .card:last-child:nth-child(odd){grid-column:auto}.quotation-lines td:first-child input{min-width:220px}.file-grid{grid-template-columns:1fr}.sticky-save{bottom:8px}}