@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#0a0b0d;--surface:#121417;--surface-2:#181b20;--line:#2a2d33;--muted:#90949e;--soft:#c5c8cf;--white:#f7f7f4;--red:#e23d40;--red-light:#ff5c5f;--green:#69d9a2;--radius:18px;--shadow:0 22px 60px rgba(0,0,0,.24)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:#0b0c0e;color:var(--white);font:14px/1.45 Manrope,Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#090a0c;border-right:1px solid #202228;padding:29px 17px 20px;display:flex;flex-direction:column}.brand{color:var(--white);display:flex;align-items:center;gap:11px;padding:0 10px 36px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#111;font-size:12px;font-weight:800;letter-spacing:-1px;background:var(--red);clip-path:polygon(16% 0,100% 0,84% 100%,0 100%)}.brand b{font-size:15px;letter-spacing:-.5px;display:block}.brand small{display:block;margin-top:1px;color:#727782;font:9px/1 DM Mono,monospace;letter-spacing:1.8px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;color:#979ca6;text-decoration:none;border-radius:10px;padding:11px 12px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{background:#1a1c21;color:#fff}.nav-link.active{box-shadow:inset 2px 0 0 var(--red)}.nav-link span{font:18px/1 DM Mono,monospace;color:inherit}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding:10px;color:#777d88;font-size:11px}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(105,217,162,.7)}main{background:radial-gradient(700px 480px at 84% -10%,rgba(137,32,37,.13),transparent 60%),#0d0f12;min-width:0}.topbar{min-height:96px;padding:21px 40px;border-bottom:1px solid #22252b;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0;color:#838893;font:10px/1.2 DM Mono,monospace;letter-spacing:1.45px}.crumb h1{font-size:17px;margin:6px 0 0;letter-spacing:-.5px}.top-actions{display:flex;align-items:center;gap:12px}.icon-button,.avatar,.close-button{border:0;cursor:pointer}.icon-button{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#1d2025;color:#fff;font-size:20px}.avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#f25c5c,#8f161d);color:#fff;font:10px DM Mono,monospace}.workspace{padding:39px 40px 22px;max-width:1540px;margin:auto}.workspace-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.workspace-heading h2{font-size:25px;letter-spacing:-1.25px;line-height:1.2;margin:7px 0 0}.quote-id{color:#9fa4ae;font:11px DM Mono,monospace;letter-spacing:.7px;border:1px solid #31343b;padding:9px 11px;border-radius:8px}.content-grid{display:grid;grid-template-columns:minmax(400px,1.08fr) minmax(315px,.82fr) 305px;gap:16px;align-items:start}.panel,.summary-card{background:linear-gradient(145deg,rgba(28,31,36,.98),rgba(17,19,23,.98));border:1px solid #292c32;border-radius:var(--radius);box-shadow:0 9px 24px rgba(0,0,0,.1)}.panel{padding:20px}.customer-panel{grid-column:1/2}.templates-mini{grid-column:2/3}.estimate-panel{grid-column:1/3}.summary-card{grid-column:3;grid-row:1/3;padding:22px;position:sticky;top:18px;background:linear-gradient(150deg,#202329,#131519)}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head>div:first-child{display:flex;align-items:center;gap:10px}.panel-head h3,.modal h3{font-size:15px;letter-spacing:-.35px;margin:0}.section-number{color:var(--red-light);font:11px DM Mono,monospace}.panel-note{color:#757b86;font-size:11px;white-space:nowrap}.helper,.wa-hint{color:#8c919b;font-size:12px;margin:-4px 0 15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{color:#adb1b9;font-size:11px;font-weight:700;letter-spacing:.15px;display:grid;gap:6px}input,textarea,select{width:100%;border:1px solid #30343b;border-radius:8px;background:#101216;color:#f4f4f1;font:13px Manrope,Arial,sans-serif;padding:10px 11px;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#606670}input:focus,textarea:focus,select:focus{border-color:#d84448;box-shadow:0 0 0 3px rgba(226,61,64,.13)}textarea{resize:vertical;line-height:1.45}.photo-drop{cursor:pointer;position:relative;margin-top:15px;min-height:70px;border:1px dashed #3d4149;border-radius:11px;background:#111318;display:flex;align-items:center;gap:11px;padding:11px 14px;transition:.2s}.photo-drop:hover{border-color:#d84448;background:#17181d}.photo-drop input{position:absolute;opacity:0;inset:0;cursor:pointer}.photo-drop b{font-size:12px;color:#dfe1e6}.photo-drop small{display:block;font-size:10px;color:#747985;margin-top:2px}.photo-icon{font:23px DM Mono,monospace;color:var(--red-light)}.photo-drop img{width:58px;height:46px;object-fit:cover;margin-left:auto;border-radius:7px;border:1px solid #353941}.template-list{display:grid;gap:8px}.template-card{color:inherit;cursor:pointer;text-align:left;width:100%;border:1px solid #30343a;background:#121419;border-radius:10px;padding:11px;display:flex;align-items:center;gap:10px;transition:.2s}.template-card:hover,.template-card.selected{border-color:#d1484b;background:#1b1d22}.template-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#292c32;color:#fc6163;font:12px DM Mono,monospace}.template-card b{display:block;font-size:12px}.template-card small{color:#828792;display:block;margin-top:1px;font-size:10px}.text-button{color:#f16a6c;background:none;border:0;padding:0;cursor:pointer;font:600 11px Manrope,sans-serif}.estimate-head{align-items:center}.line-actions{display:flex;gap:7px}.line-actions select{width:150px;padding:8px;font-size:11px}.secondary-button,.primary-button{border:1px solid #393d45;border-radius:8px;background:#202329;color:#f3f3f0;cursor:pointer;padding:9px 11px;font:700 11px Manrope,sans-serif;transition:.2s;white-space:nowrap}.secondary-button:hover{border-color:#747984;background:#2b2f36}.primary-button{border-color:var(--red);background:linear-gradient(130deg,#df3e42,#ae252c);box-shadow:0 8px 18px rgba(191,43,47,.24)}.primary-button:hover{filter:brightness(1.12)}.estimate-table-wrap{overflow:auto}.estimate-table{width:100%;border-collapse:collapse;min-width:610px}.estimate-table th{text-align:left;color:#7f858f;font:10px DM Mono,monospace;letter-spacing:.7px;padding:0 8px 10px}.estimate-table th:first-child,.estimate-table td:first-child{padding-left:0}.estimate-table th:last-child,.estimate-table td:last-child{padding-right:0}.estimate-table td{border-top:1px solid #292c32;padding:8px}.estimate-table select,.estimate-table input{padding:8px;font-size:12px;background:#15171b}.estimate-table .component-select{min-width:178px}.estimate-table .qty-input{min-width:59px}.estimate-table .price-input{min-width:118px}.line-total{font-weight:700;white-space:nowrap;font-size:12px}.delete-line{border:0;background:transparent;color:#737984;cursor:pointer;font-size:17px}.delete-line:hover{color:#ff6062}.estimate-foot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#858a94;font-size:10px}.summary-top{display:flex;justify-content:space-between;align-items:center}.ready-pill{font:10px DM Mono,monospace;color:#ffc467;background:rgba(255,196,103,.11);padding:5px 7px;border-radius:5px}.summary-vehicle{font-size:14px;font-weight:700;min-height:21px;margin:18px 0}.summary-rule{height:1px;background:linear-gradient(90deg,#40444c,transparent);margin-bottom:15px}.total-row{display:flex;align-items:center;justify-content:space-between;color:#a8acb5;font-size:12px;margin:10px 0}.total-row b{color:#e2e3df;font-size:13px}.discount-control{display:flex;align-items:center;justify-content:space-between;margin:15px 0 22px}.discount-control label{display:block;color:#a8acb5;font-size:12px}.input-money{display:flex;align-items:center;width:135px;border:1px solid #30343b;border-radius:8px;background:#101216;padding-left:9px;color:#868c96;font:11px DM Mono,monospace}.input-money input{padding:8px 7px;border:0;box-shadow:none;background:transparent}.grand-total{padding:15px 0 17px;border-top:1px solid #32363d;border-bottom:1px solid #32363d;display:flex;flex-direction:column;gap:6px}.grand-total span{font-size:11px;color:#b4b8c0}.grand-total strong{font-size:25px;letter-spacing:-1.25px;color:#fff}.notes-label{margin-top:18px}.summary-buttons{display:grid;gap:8px;margin-top:17px}.summary-buttons .primary-button{font-size:12px;padding:12px}.full{width:100%}.save-draft{margin:11px auto 0;display:block;padding:3px;border:0;background:none;color:#989da6;cursor:pointer;font:600 11px Manrope,sans-serif;text-decoration:underline;text-underline-offset:3px}.wa-hint{margin:14px 0 0;line-height:1.45;font-size:10px}.lower-grid{padding:0 40px 52px;max-width:1540px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.catalog-panel,.history-panel{min-height:310px}.catalog-list,.history-list{display:grid;gap:7px}.catalog-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;background:#15171b;border:1px solid #2b2e34;border-radius:9px;padding:9px 10px}.catalog-row b{display:block;font-size:12px}.catalog-row span{color:#8b9099;font-size:10px}.catalog-row em{font-style:normal;font:11px DM Mono,monospace;color:#e9eae7}.history-item{cursor:pointer;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-bottom:1px solid #292c32}.history-item:hover{background:#181a1e}.history-initial{height:29px;width:29px;display:grid;place-items:center;background:#292d34;border-radius:7px;color:#ff6a6d;font:10px DM Mono,monospace}.history-item b{font-size:12px}.history-item small{display:block;color:#838892;font-size:10px;margin-top:2px}.history-item strong{font-size:11px;text-align:right}.empty-state{color:#737985;font-size:12px;padding:23px 0}.modal{width:min(460px,calc(100vw - 32px));border:1px solid #3b3e46;background:#181a1f;color:#f5f5f3;border-radius:16px;padding:21px;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(3px)}.modal form{display:grid;gap:14px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:5px}.close-button{font-size:25px;line-height:1;color:#aab0ba;background:transparent}.modal-actions{display:flex;justify-content:end;gap:8px;margin-top:3px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#f2f2ed;color:#16171a;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700;box-shadow:var(--shadow);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.pin-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(600px 480px at 100% 0,rgba(226,61,64,.2),transparent 58%),radial-gradient(560px 420px at 0 100%,rgba(72,75,88,.16),transparent 58%),#090a0c}.pin-card{width:min(410px,100%);padding:42px 36px 32px;text-align:center;border:1px solid #32353d;border-radius:22px;background:linear-gradient(145deg,rgba(30,33,38,.98),rgba(13,15,18,.98));box-shadow:var(--shadow)}.pin-mark{width:45px;height:45px;margin:0 auto 22px;display:grid;place-items:center;clip-path:polygon(16% 0,100% 0,84% 100%,0 100%);background:var(--red);color:#111;font:800 14px DM Mono,monospace}.pin-card h1{margin:9px 0 5px;font-size:25px;letter-spacing:-1px}.pin-card>p:not(.eyebrow):not(.pin-error){margin:0;color:#989da5;font-size:13px}.pin-label{margin:24px 0 0;text-align:left}.pin-label input{margin-top:2px;text-align:center;letter-spacing:11px;font:700 25px DM Mono,monospace;padding:13px 10px}.pin-error{min-height:18px!important;margin:7px 0 0!important;color:#ff7779!important;font-size:11px!important}.pin-submit{width:100%;margin-top:6px;padding:12px}.pin-card small{display:block;margin-top:18px;color:#707681;font-size:10px}
.logout-link{color:#9da2ac;text-decoration:none;font:700 11px Manrope,Arial,sans-serif;padding:8px 10px;border:1px solid #343841;border-radius:8px}.logout-link:hover{color:#fff;border-color:#747984}
@media (max-width:1160px){.content-grid{grid-template-columns:minmax(350px,1fr) minmax(290px,.8fr)}.summary-card{grid-column:1/3;grid-row:auto;position:relative;top:auto}.summary-buttons{grid-template-columns:1fr 1fr}.estimate-panel{grid-column:1/3}.summary-card{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.summary-top,.summary-vehicle,.summary-rule,.total-row,.discount-control,.grand-total{grid-column:1}.notes-label,.summary-buttons,.save-draft,.wa-hint{grid-column:2}.notes-label{margin-top:0}.summary-buttons{margin-top:16px}.save-draft{margin:10px 0 0;text-align:left}.wa-hint{margin-top:10px}}
.template-list{max-height:355px;overflow:auto;padding-right:3px}
.template-modal{width:min(650px,calc(100vw - 32px))}.template-manager-list{display:grid;gap:8px;max-height:min(56vh,460px);overflow:auto;padding-right:3px}.template-manager-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #30343a;background:#121419;border-radius:10px;padding:10px}.template-manager-row b{display:block;font-size:12px}.template-manager-row small{display:block;color:#858b95;margin-top:2px;font-size:10px}.template-manager-actions{display:flex;align-items:center;gap:7px}.template-manager-actions .secondary-button{padding:7px 9px;font-size:10px}.modal-note{margin:14px 0 0;color:#858b95;font-size:11px;line-height:1.5}
@media (max-width:800px){.app-shell{display:block}.sidebar{height:auto;position:sticky;z-index:4;padding:12px 16px;border-right:0;border-bottom:1px solid #24272d;flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0}.brand small{display:none}.sidebar nav{display:flex;gap:1px}.nav-link{padding:8px;font-size:0}.nav-link span{font-size:17px}.sidebar-footer{display:none}.topbar{min-height:70px;padding:13px 18px}.workspace{padding:27px 18px 18px}.workspace-heading h2{font-size:21px}.quote-id{display:none}.content-grid{display:block}.panel,.summary-card{margin-bottom:13px}.customer-panel,.templates-mini,.estimate-panel{width:100%}.summary-card{display:block;position:static}.summary-buttons{display:grid}.lower-grid{padding:0 18px 35px;display:block}.lower-grid .panel{margin-bottom:13px}.form-grid{grid-template-columns:1fr}.line-actions select{width:126px}.line-actions .secondary-button{font-size:10px}.summary-card{padding:19px}.top-actions{gap:8px}}
@media (max-width:430px){.brand b{font-size:13px}.sidebar{padding:11px 12px}.nav-link{padding:7px}.workspace{padding:24px 12px 12px}.lower-grid{padding:0 12px 30px}.panel{padding:16px}.workspace-heading h2{font-size:19px}.estimate-head{align-items:start;flex-direction:column}.line-actions{width:100%}.line-actions select{flex:1}.line-actions .secondary-button{flex:1}.summary-buttons{grid-template-columns:1fr}.catalog-row{grid-template-columns:minmax(0,1fr) auto}.catalog-row button{display:none}}
@media print{.sidebar,.topbar,.templates-mini,.catalog-panel,.history-panel,.estimate-panel .line-actions,.estimate-foot,.summary-buttons,.save-draft,.wa-hint,.photo-drop{display:none!important}.app-shell{display:block}.workspace{padding:0}.content-grid{display:block}.customer-panel{border:0;background:#fff;color:#111;box-shadow:none}.summary-card{position:static;border:0;color:#111;background:#fff;box-shadow:none}.summary-card *{color:#111!important}.summary-card .ready-pill{display:none}.summary-rule,.grand-total{border-color:#ddd}}