:root{color-scheme:dark;--bg:#0a1019;--sidebar:#0d1521;--panel:#111b2a;--panel-2:#172335;--panel-3:#1c2a3d;--border:#243247;--border-lite:#1b293b;--txt:#eef3fa;--muted:#8e9db2;--faint:#61718b;--blue:#477bff;--blue-lt:#78a1ff;--blue-dark:#16326b;--mint:#43d7af;--yellow:#eec17a;--red:#f17d8a;--purple:#b6a0fd;--radius:15px;--shadow:0 28px 100px #0008;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);min-width:320px;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue-lt);outline-offset:3px}a{text-decoration:none;color:inherit}svg{display:block}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1.15px;font-weight:710;margin-bottom:9px}h2{font-size:17px;letter-spacing:-.35px}h3{font-size:14px}p{line-height:1.6}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 245px;background:var(--sidebar);border-right:1px solid var(--border-lite);display:flex;flex-direction:column;padding:26px 14px 18px;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 28px}.brand-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#356bff,#22409f);box-shadow:0 8px 22px #2953c633;color:white}.brand-name{font-size:19px;font-weight:760;letter-spacing:-.75px}.brand-accent{font-size:10px;letter-spacing:2px;margin-left:7px;color:#79a1ff;font-weight:800}.workspace-picker{display:flex;gap:10px;align-items:center;border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:10px;margin-bottom:29px}.workspace-avatar{background:linear-gradient(145deg,#33589c,#447d8c);border-radius:8px;width:34px;height:34px;display:grid;place-items:center;font-weight:750}.workspace-picker strong,.workspace-picker small{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-picker strong{font-size:11px;font-weight:700}.workspace-picker small{font-size:10px;color:var(--muted);margin-top:4px}.chevron{margin-left:auto;color:var(--faint)}.nav-label{font-size:9px;font-weight:850;color:#566a87;letter-spacing:1.7px;margin:0 12px 11px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:12px 13px;text-align:left;background:transparent;border:0;border-radius:10px;color:#91a0b7;font-size:12px;font-weight:620;transition:background .16s,color .16s}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#1b2a3d;color:#e9effc}.nav-item.active{background:#18335e;color:#a9c4ff;box-shadow:inset 3px 0 #5486ff}.nav-spacer{height:13px}.sidebar-bottom{margin-top:auto;padding-top:16px}.side-tip{background:linear-gradient(145deg,#192a48,#131e30);border:1px solid #2b4165;border-radius:11px;padding:15px 13px;margin:0 1px 15px;font-size:11px}.side-tip b{font-size:12px}.side-tip p{color:#91a8ca;font-size:11px;line-height:1.5;margin:8px 0 0}.tip-dot,.demo-tag span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;box-shadow:0 0 12px #43d7af77}.sidebar-link{display:flex;align-items:center;gap:12px;background:none;border:0;color:#899bb6;font-size:11px;width:100%;padding:11px 12px;border-radius:9px;text-align:left}.sidebar-link:hover{background:var(--panel-2);color:white}.sidebar-link svg{width:15px;height:15px}.main-column{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border-lite);padding:0 clamp(18px,3vw,43px);position:sticky;top:0;background:#0a1019ef;backdrop-filter:blur(16px);z-index:20}.top-left,.top-actions{display:flex;align-items:center;gap:22px}.top-actions{gap:12px}.breadcrumb{font-size:12px;color:#8d9bb0}.breadcrumb span:last-child{color:#e3eaf6;font-weight:650}.crumb-slash{padding:0 10px;color:#4e6077!important}.demo-tag{font-size:9px;font-weight:850;color:#7ab6a7;border:1px solid #265045;background:#11241f;border-radius:99px;padding:8px 11px;letter-spacing:1px}.demo-tag span{width:6px;height:6px;box-shadow:none;margin-right:5px}.search-trigger{border:1px solid var(--border);background:#121c2b;color:#899bb7;border-radius:9px;height:35px;padding:0 10px;display:flex;align-items:center;gap:10px;min-width:180px;font-size:11px}.search-trigger svg{width:15px}.search-trigger kbd{margin-left:auto;color:#7d8da4;background:#1d2b3d;padding:3px 5px;border:1px solid #30405a;border-radius:4px;font:10px inherit}.icon-button{display:grid;place-items:center;background:transparent;border:1px solid var(--border);width:36px;height:36px;border-radius:9px;position:relative}.icon-button svg{width:17px}.icon-button:hover,.search-trigger:hover{border-color:#4a6592;color:#fff}.notif-dot{position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#7b9cff}.user-avatar{border-radius:50%;width:34px;height:34px;border:1px solid #5977b6;background:#223a66;color:#d4e4ff;font-weight:760;font-size:10px}.mobile-toggle{display:none}#view{width:100%;max-width:1660px;margin:0 auto;flex:1;padding:35px clamp(18px,3vw,43px) 45px}.app-footer{display:flex;gap:20px;justify-content:space-between;color:#53637c;font-size:10px;border-top:1px solid var(--border-lite);padding:16px clamp(18px,3vw,43px)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;color:var(--blue-lt);font-weight:850;letter-spacing:2px;margin-bottom:12px}.subtext{color:var(--muted);font-size:12px;margin-bottom:0;line-height:1.7}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;min-height:37px;border-radius:9px;border:1px solid var(--border);background:var(--panel-2);color:#dbe5f5;font-weight:680;font-size:11px;transition:.17s ease;white-space:nowrap}.btn svg{width:15px;height:15px}.btn:hover{border-color:#6585bd;background:#223452;transform:translateY(-1px)}.btn-primary{background:linear-gradient(110deg,#416fff,#3263de);border-color:#5882fa;box-shadow:0 8px 22px #2e5cdb2b;color:#fff}.btn-primary:hover{background:linear-gradient(110deg,#5986ff,#3c70ed)}.btn-ghost{background:transparent}.btn-danger{color:#ffabb5;border-color:#613841;background:#351a26}.btn-sm{padding:7px 10px;min-height:30px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.metric{position:relative;overflow:hidden;padding:20px 21px 19px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:137px}.metric:before{content:"";position:absolute;right:-60px;top:-60px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,#355ca61f,transparent 70%)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-label{color:#9babbd;font-size:11px;font-weight:580}.metric-symbol{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#1a3254;color:#75a0ff}.metric-symbol svg{width:16px}.metric-value{font-size:27px;font-weight:730;letter-spacing:-1.1px;margin-top:12px;font-variant-numeric:tabular-nums}.metric-foot{color:#74859b;font-size:10px;margin-top:7px}.metric-foot strong{color:var(--mint)}.grid-main{display:grid;grid-template-columns:1.6fr 1fr;gap:17px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0;overflow:hidden}.card-head{padding:19px 21px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head h2{margin:0;font-size:13px;letter-spacing:-.2px}.card-pad{padding:20px}.card-meta{font-size:10px;color:var(--muted)}.head-link{border:none;background:transparent;color:var(--blue-lt);font-size:10px;font-weight:750}.head-link:hover{text-decoration:underline}.chart-wrap{padding:0 19px 17px}.chart-wrap svg{width:100%;height:auto;overflow:visible}.chart-legend{display:flex;gap:20px;align-items:center;font-size:10px;color:var(--muted);padding:9px 0 0}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--blue)}.list-row{display:flex;align-items:center;gap:11px;padding:13px 19px;border-top:1px solid var(--border-lite);min-height:61px}.click-row{cursor:pointer}.click-row:hover{background:#17283e}.list-row .row-main{min-width:0;flex:1}.row-title{font-weight:680;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-sub{font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-right{margin-left:auto;text-align:right}.row-value{font-size:11px;font-weight:720}.avatar{flex-shrink:0;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#243b60;color:#a8c7fc;font-size:10px;font-weight:750;letter-spacing:.2px}.avatar.green{background:#17413e;color:#8ee9ca}.avatar.amber{background:#4a3929;color:#edd19b}.avatar.violet{background:#352f58;color:#c9bbff}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;border:1px solid #334459;background:#1d2e42;color:#acbed7;padding:5px 8px;font-size:9px;font-weight:790;white-space:nowrap}.pill:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#8ba2c1}.pill.blue{color:#a1beff;background:#192d52;border-color:#314e82}.pill.blue:before{background:#729dff}.pill.green{color:#8ee1c5;background:#173c36;border-color:#2a6154}.pill.green:before{background:#61d8af}.pill.amber{color:#e7cd9e;background:#3d3124;border-color:#655039}.pill.amber:before{background:#efbd74}.pill.red{color:#f5a3b2;background:#3e2832;border-color:#704150}.pill.red:before{background:#ec889f}.pill.purple{color:#d2bbff;background:#332949;border-color:#58406f}.pill.purple:before{background:#ac8ced}.section-gap{margin-top:18px}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 21px 20px}.mini-stat{background:#172437;border:1px solid var(--border-lite);border-radius:10px;padding:14px}.mini-stat strong{display:block;font-size:19px;font-weight:750}.mini-stat small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.table-scroll{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{color:#71819a;font-size:10px;letter-spacing:.4px;font-weight:700;text-transform:uppercase;padding:14px 17px;background:#141f2f;border-bottom:1px solid var(--border)}.data-table td{padding:14px 17px;border-bottom:1px solid var(--border-lite);font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:#17263a}.name-cell{display:flex;align-items:center;gap:10px}.name-cell .avatar{width:30px;height:30px}.name-cell strong{display:block}.name-cell small{display:block;color:var(--muted);margin-top:4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;flex-wrap:wrap}.input-wrap{position:relative}.input-wrap svg{position:absolute;width:15px;height:15px;left:11px;top:50%;transform:translateY(-50%);color:#6f84a2}.input,.select,.textarea{height:38px;border:1px solid #304057;border-radius:9px;background:#121e2d;color:#e8eef7;padding:0 12px;width:100%;outline:0}.input:focus,.select:focus,.textarea:focus{border-color:#5b84df;box-shadow:0 0 0 3px #4675e021}.input::placeholder,.textarea::placeholder{color:#637690}.input-wrap .input{padding-left:34px}.toolbar .input-wrap{width:min(285px,100%)}.select{min-width:120px;max-width:100%;width:auto}.textarea{height:auto;min-height:85px;padding-top:11px;resize:vertical}.kanban{display:grid;grid-template-columns:repeat(5,minmax(215px,1fr));gap:13px;overflow:auto;min-height:430px;padding:0 0 14px}.kanban-col{min-width:215px;background:#0e1825;border:1px solid var(--border-lite);border-radius:12px;padding:12px}.kanban-col.drag-over{border-color:var(--blue);background:#152741}.kanban-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.kanban-title{font-size:11px;font-weight:750;display:flex;gap:7px;align-items:center}.stage-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#739cfb}.stage-dot.Qualified{background:#9a8cf3}.stage-dot.Proposal{background:#e7af6f}.stage-dot.Won{background:#62d9b1}.stage-dot.Lost{background:#e78392}.col-count{color:#8190aa;font-size:10px;font-weight:720}.col-total{font-size:10px;color:#788aa4;margin-bottom:13px}.deal-card{background:#182538;border:1px solid #2d4059;border-radius:10px;margin-bottom:10px;padding:13px;cursor:grab;transition:transform .16s,border .16s;box-shadow:0 4px 12px #0001}.deal-card:hover{border-color:#5b79ac;transform:translateY(-2px)}.deal-card:active{cursor:grabbing}.deal-card[draggable="true"]{user-select:none}.deal-card h3{font-size:11px;font-weight:740;line-height:1.4;margin:0 0 8px}.deal-card .deal-company{color:#98a8bf;font-size:10px;line-height:1.4}.deal-card .deal-foot{border-top:1px solid #304057;padding-top:10px;margin-top:13px;display:flex;justify-content:space-between;gap:8px;align-items:center}.deal-value{font-size:12px;font-weight:760}.small-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#2d4970;color:#b8d2ff;font-size:9px}.empty-note{padding:32px 18px;text-align:center;color:#71819a;font-size:11px}.empty-icon{margin:0 auto 12px;width:40px;height:40px;border:1px solid #365075;border-radius:11px;display:grid;place-items:center;color:#6f92da}.empty-icon svg{width:21px}.progress-track{height:6px;width:100%;border-radius:99px;background:#2a3b51;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#3f76ff,#72abf9);transition:width .25s}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.project-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;cursor:pointer;transition:.18s}.project-card:hover{border-color:#597bb4;transform:translateY(-2px)}.project-card h3{font-size:14px;line-height:1.45;margin:13px 0 5px}.project-card .subtext{font-size:11px}.project-foot{border-top:1px solid var(--border);padding-top:14px;margin-top:19px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.project-top{display:flex;justify-content:space-between;align-items:center}.stat-flex{display:flex;align-items:baseline;justify-content:space-between;margin:17px 0 9px;font-size:11px;color:#9caec7}.stat-flex strong{color:#f1f6ff;font-size:13px}.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.bar-chart{display:flex;flex-direction:column;gap:15px;padding:12px 21px 22px}.bar-row{display:grid;grid-template-columns:85px 1fr 72px;align-items:center;gap:12px;font-size:11px}.bar-label{color:#a9b8ce}.bar-meter{height:10px;background:#243147;border-radius:99px;overflow:hidden}.bar-meter-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#365ff2,#76a0ff)}.bar-val{text-align:right;font-weight:700}.funnel-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-lite);padding:12px 0;font-size:11px}.funnel-row:last-child{border:0}.funnel-row strong{font-size:13px}.rule-card{display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:12px;padding:17px;margin-bottom:12px;background:#152235}.rule-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #2a4884;border-radius:11px;background:#1b3460;color:#84a9ff;flex-shrink:0}.rule-icon svg{width:20px}.rule-title{font-size:12px;font-weight:750}.rule-desc{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.switch{width:39px;height:23px;border:0;background:#42526a;border-radius:99px;position:relative;flex-shrink:0;margin-left:auto}.switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;background:#a3b3c6;border-radius:50%;transition:.2s}.switch.on{background:#366ee6}.switch.on:after{left:19px;background:#fff}.event-list{display:flex;flex-direction:column}.event-row{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid var(--border-lite);padding:13px 0}.event-row:last-child{border:0}.event-line{margin-left:auto;font-size:10px;color:#70829c;white-space:nowrap}.event-icon{color:#7e9dd8;padding-top:1px}.event-icon svg{width:16px}.event-text{font-size:11px;font-weight:690}.event-sub{font-size:10px;color:var(--muted);margin-top:4px}.empty-state{text-align:center;padding:65px 20px}.empty-state .empty-icon{width:52px;height:52px}.empty-state p{color:var(--muted);font-size:12px;max-width:350px;margin:9px auto 18px}.modal-backdrop,.drawer-backdrop,.palette-backdrop{position:fixed;inset:0;background:#050a12ca;backdrop-filter:blur(7px);z-index:65;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(590px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #36445f;background:#111d2d;border-radius:17px;box-shadow:var(--shadow)}.modal-wide{width:min(1040px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:24px 25px 16px}.modal-head h2{font-size:20px;margin:0 0 6px;letter-spacing:-.6px}.modal-head p{font-size:11px;color:var(--muted);margin:0}.modal-body{padding:10px 25px 23px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 25px 23px;border-top:1px solid var(--border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-field{min-width:0}.form-field.span-2{grid-column:1/-1}.form-field label{display:block;font-size:10px;color:#a7b8ce;font-weight:700;margin-bottom:7px}.form-field .input,.form-field .select{width:100%}.form-help{margin-top:6px;font-size:10px;color:var(--muted)}.form-section{font-size:11px;color:var(--blue-lt);margin:10px 0 16px;font-weight:750}.modal-close{background:#1d2b3d;border:1px solid #34465f;border-radius:9px;display:grid;place-items:center;width:30px;height:30px}.modal-close svg{width:15px}.drawer-backdrop{justify-content:flex-end;padding:0;background:#050a12a3;align-items:stretch}.drawer{width:min(490px,100vw);background:#101b2a;border-left:1px solid #34445a;overflow:auto;box-shadow:var(--shadow);animation:slide-in .2s ease}.drawer-head{position:sticky;top:0;background:#101b2afa;backdrop-filter:blur(10px);z-index:2;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:23px 25px}.drawer-head h2{font-size:19px;margin:5px 0 0}.drawer-content{padding:25px}.drawer-section{padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid var(--border)}.drawer-section:last-child{border:0}.drawer-section h3{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#86a2cc;margin-bottom:15px}.detail-value{font-size:24px;font-weight:760;letter-spacing:-.5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-field small{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.detail-field strong{font-size:12px}.section-actions{display:flex;gap:8px;flex-wrap:wrap}.task-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border-lite);font-size:11px}.task-row input{accent-color:#537ff6;width:16px;height:16px}.task-row.done span{text-decoration:line-through;color:#6f8199}.xray-step{position:relative;padding:0 0 24px 30px;border-left:1px solid #3a5d7f;margin-left:8px}.xray-step:last-child{border-color:transparent}.xray-step:before{content:"✓";position:absolute;left:-11px;top:0;width:20px;height:20px;display:grid;place-items:center;background:#194b43;border:1px solid #367e71;border-radius:50%;color:#70e9c4;font-weight:800;font-size:11px}.xray-step.skip:before{content:"–";background:#3e3120;color:#edcd8c;border-color:#756045}.xray-step strong{font-size:12px}.xray-step p{color:var(--muted);font-size:11px;margin:5px 0 0}.palette{width:min(580px,100%);background:#121d2c;border:1px solid #3b4f6e;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;align-self:flex-start;margin-top:11vh}.palette-input{width:100%;height:60px;background:transparent;color:#edf4ff;font-size:15px;border:0;outline:0;padding:0 22px}.palette-results{border-top:1px solid var(--border);padding:10px;max-height:390px;overflow:auto}.palette-item{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:12px;border-radius:9px;border:0;background:transparent}.palette-item:hover,.palette-item:focus{background:#223650}.palette-item svg{width:18px;color:#8aabed}.palette-item small{margin-left:auto;color:#7d8da8}.quote-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.quote-editor{min-width:0}.quote-preview{background:#fff;color:#1a2436;border-radius:5px;min-height:490px;padding:31px 30px;box-shadow:0 16px 42px #0006;font-size:11px}.quote-preview .qp-title{font-size:24px;font-weight:800;letter-spacing:-1px;color:#132741}.quote-preview .qp-line{border-bottom:1px solid #dce3ea;margin:19px 0}.quote-preview .qp-grid{display:flex;justify-content:space-between;gap:10px}.quote-preview .qp-muted{color:#66758a}.quote-preview table{width:100%;border-collapse:collapse;margin-top:24px}.quote-preview th,.quote-preview td{padding:11px 5px;border-bottom:1px solid #dce3ea;text-align:right}.quote-preview th:first-child,.quote-preview td:first-child{text-align:left}.quote-preview th{font-size:9px;color:#64758a;text-transform:uppercase}.quote-preview .qp-total{font-size:18px;font-weight:800;color:#18376c}.quote-items{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.quote-line-item{display:grid;grid-template-columns:2.1fr .7fr 1fr 27px;gap:7px;align-items:center}.quote-line-item .input{height:34px;font-size:11px;padding:0 8px}.quote-line-item button{background:none;border:0;color:#ff9dac}.quote-line-item button svg{width:17px}.total-summary{background:#1c2b3d;border:1px solid var(--border);border-radius:11px;padding:14px;margin-top:17px}.total-summary div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:7px 0}.total-summary .grand-total{border-top:1px solid #3c4c62;padding-top:10px;color:#f3f6ff;font-size:14px;font-weight:800}.toast-stack{position:fixed;right:23px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:9px;max-width:min(350px,90vw)}.toast{background:#18304a;border:1px solid #4c74aa;color:#f3f6ff;padding:13px 17px;border-radius:11px;box-shadow:0 12px 40px #0007;font-size:11px;display:flex;align-items:center;gap:11px}.toast svg{width:17px;color:var(--mint)}.toast button{margin-left:auto;background:none;border:0;color:#b0c4eb;text-decoration:underline;font-size:11px}.guide{position:fixed;bottom:22px;left:265px;width:min(385px,calc(100vw - 40px));z-index:45;background:linear-gradient(145deg,#1a335a,#101e33);box-shadow:0 20px 75px #0009;border:1px solid #5276ad;border-radius:16px;padding:20px;animation:slide-up .2s ease}.guide-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a4c0f1;font-weight:750;letter-spacing:1px}.guide-title{font-size:16px;font-weight:760;margin:11px 0 6px}.guide-copy{font-size:12px;color:#b0c3df;line-height:1.5}.guide-controls{display:flex;gap:8px;justify-content:flex-end;margin-top:17px}.guide-progress{display:flex;gap:5px;margin-top:15px}.guide-progress span{height:4px;border-radius:5px;flex:1;background:#324c72}.guide-progress span.on{background:#78a4ff}.activity-time{color:var(--muted);font-size:10px}.muted{color:var(--muted)}.small{font-size:11px}.hint{font-size:10px;color:#7790b1}.callout{border:1px solid #2f4c75;border-radius:11px;padding:15px 17px;background:linear-gradient(110deg,#192c48,#172237);display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 19px}.callout h3{font-size:12px;margin:0 0 5px}.callout p{font-size:10px;color:#9cafcf;margin:0}.guide-start{font-size:10px;padding:7px 11px}.divider{height:1px;background:var(--border);margin:16px 0}.ok-circle{background:#1b433a;border-radius:50%;display:inline-grid;place-items:center;width:19px;height:19px;font-size:12px;color:#89e9c9}.quote-preview .qp-brand{font-size:15px;font-weight:850;letter-spacing:-.5px}.quote-preview .qp-brand span{color:#3267ed}.quote-preview .qp-note{font-size:9px;color:#64758a;line-height:1.6;margin-top:28px}.separator-title{color:#6e87a9;letter-spacing:1px;font-size:10px;font-weight:800;margin:20px 0 12px}@keyframes slide-in{from{transform:translateX(22px);opacity:.4}to{transform:translateX(0);opacity:1}}@keyframes slide-up{from{transform:translateY(15px);opacity:.4}to{transform:translateY(0);opacity:1}}@media(max-width:1220px){.sidebar{flex-basis:217px}.topbar{padding:0 22px}#view{padding:28px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.guide{left:235px}}@media(max-width:930px){.grid-main{grid-template-columns:1fr}.quote-layout{grid-template-columns:1fr}.quote-preview{max-width:600px}.search-trigger{min-width:auto}.search-label,.search-trigger kbd{display:none}.guide{left:20px}}@media(max-width:720px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;height:100dvh;transform:translateX(-105%);transition:transform .2s;z-index:80}.sidebar.open{transform:translateX(0)}.sidebar-scrim{display:none;position:fixed;inset:0;background:#000a;z-index:70}.sidebar-scrim.show{display:block}.mobile-toggle{display:grid}.topbar{height:60px;padding:0 15px}.top-left{gap:10px}.top-actions{gap:7px}.demo-tag{font-size:8px;padding:7px}.breadcrumb{font-size:11px}.crumb-slash{padding:0 5px!important}#view{padding:25px 16px 34px}.app-footer{padding:15px;flex-direction:column;gap:5px}.page-head{flex-direction:column;gap:16px;margin-bottom:20px}.page-head h1{font-size:25px}.page-actions{width:100%}.page-actions .btn{flex:1}.metrics{gap:10px}.metric{min-height:118px;padding:15px}.metric-value{font-size:22px}.metric-label{font-size:10px}.card-head{padding:17px 15px 13px}.kanban{grid-template-columns:repeat(5,225px)}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}.modal-head{padding:19px 16px 13px}.modal-body{padding:12px 16px 20px}.modal-footer{padding:15px 16px}.form-grid{grid-template-columns:1fr}.form-field.span-2{grid-column:auto}.quote-preview{padding:19px}.quote-line-item{grid-template-columns:1.4fr .6fr .8fr 20px}.drawer-head{padding:20px}.drawer-content{padding:20px}.guide{bottom:10px}.toast-stack{right:10px;bottom:10px}.callout{align-items:flex-start;flex-direction:column}}@media(max-width:410px){.demo-tag{display:none}.metric-value{font-size:20px}.metric-symbol{width:26px;height:26px}.metric-label{max-width:110px;line-height:1.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body{background:#fff!important;color:#111!important}body>*{display:none!important}#print-sheet{display:block!important;position:absolute;inset:0;padding:20px;background:#fff}#print-sheet .quote-preview{box-shadow:none;max-width:none;min-height:auto;font-size:12px}#print-sheet .qp-brand{font-size:17px}}
#print-sheet{display:none}