#root{flex-direction:column;display:flex}:root{--b900:#021829;--b800:#042c53;--b700:#0c3d6e;--b600:#185fa5;--b500:#2478cc;--b400:#378add;--b300:#6aaee8;--b200:#a8d0f5;--b100:#d4eafb;--b50:#ebf5fd;--g900:#0a1f0d;--g600:#1b6b3a;--g100:#d3f0dc;--g50:#eaf7ee;--a900:#3d2000;--a600:#7a4b0a;--a100:#fdeab5;--a50:#fef7e0;--r900:#3b0a0a;--r600:#8b1e1e;--r100:#fccfcf;--r50:#fef0f0;--slate:#f4f7fb;--white:#fff;--border:#d8e6f5;--border2:#b8d0ec;--text:#0c2040;--text2:#3a5570;--text3:#6e8faf;--font-display:"Syne",sans-serif;--font-body:"Mulish",sans-serif;--font-mono:"JetBrains Mono",monospace;--rad:10px;--rad-lg:16px;--rad-xl:24px;--shadow:0 2px 16px #042c5314;--shadow-lg:0 8px 40px #042c5324;--transition:all .18s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}#root{font-family:var(--font-body);background:var(--b900);color:var(--text);flex-direction:column;display:flex}.header{background:var(--b900);z-index:50;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:1.5rem;height:56px;padding:0 1.25rem;display:flex;position:relative}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg,var(--b400),var(--b600));width:34px;height:34px;font-family:var(--font-display);color:#fff;letter-spacing:-.5px;border-radius:9px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.logo-text{font-family:var(--font-display);color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:700}.logo-text span{color:var(--b300)}.header-nav{flex:1;gap:2px;display:flex}.nav-btn{font-family:var(--font-body);color:#ffffff80;cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.nav-btn:hover{color:#ffffffd9;background:#ffffff12}.nav-btn.active{color:#fff;background:#378add59}.nav-btn .icon{opacity:.8;font-size:15px}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.project-pill{cursor:pointer;transition:var(--transition);background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.project-pill:hover{background:#ffffff1f}.project-pill-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;font-weight:600;overflow:hidden}.project-pill-sf{color:var(--b300);font-size:11px;font-family:var(--font-mono)}.header-action-btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:flex}.btn-primary{background:var(--b400);color:#fff}.btn-primary:hover{background:var(--b500)}.btn-ghost{color:#fffc;background:#ffffff14;border:1px solid #ffffff26}.btn-ghost:hover{color:#fff;background:#ffffff24}.app-shell{flex:1;display:flex;overflow:hidden}.sidebar{background:#051e3a;border-right:1px solid #ffffff12;flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.sidebar-section{padding:1rem 1rem .5rem}.sidebar-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-bottom:10px;padding:0 4px;font-size:10px;font-weight:700}.project-card{border-radius:var(--rad);cursor:pointer;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;margin-bottom:6px;padding:10px 12px}.project-card:hover,.project-card.active{background:#378add26;border-color:#378add66}.project-card-name{color:#fff;margin-bottom:3px;font-size:13px;font-weight:600}.project-card-meta{color:#fff6;gap:8px;font-size:11px;display:flex}.project-card-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-active{color:#6ee89a;background:#1b6b3a4d}.badge-draft{color:#ffc96e;background:#7a4b0a4d}.new-project-btn{border-radius:var(--rad);width:calc(100% - 2rem);color:var(--b300);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:#378add26;border:1px dashed #378add59;margin:.5rem 1rem 1rem;padding:9px;font-size:13px;font-weight:600}.new-project-btn:hover{border-color:var(--b400);background:#378add40}.sidebar-divider{background:#ffffff12;height:1px;margin:.5rem 1rem}.bid-mini{cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 12px;display:flex}.bid-mini:hover{background:#ffffff0d}.bid-mini-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bid-mini-info{flex:1;min-width:0}.bid-mini-trade{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.bid-mini-sub{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.bid-mini-psf{font-size:11px;font-family:var(--font-mono);color:var(--b300)}.sidebar-footer{border-top:1px solid #ffffff12;margin-top:auto;padding:1rem}.data-status{color:#ffffff59;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:#4ae88a;border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.offline{background:#ffa040}.main{background:var(--slate);flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-pane{flex-direction:column;flex:1;display:none;overflow-y:auto}.tab-pane.active{display:flex}.dash-hero{background:linear-gradient(135deg,var(--b800) 0%,var(--b700) 100%);border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}.dash-hero-left{flex:1}.dash-hero-title{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:22px;font-weight:700}.dash-hero-sub{color:#ffffff80;font-size:13px}.dash-stats{gap:1.5rem;display:flex}.dash-stat{text-align:center}.dash-stat-val{font-family:var(--font-mono);color:var(--b300);font-size:24px;font-weight:500}.dash-stat-label{text-transform:uppercase;letter-spacing:.07em;color:#fff6;margin-top:2px;font-size:10px}.dash-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem 2rem;display:flex}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--rad-lg);box-shadow:var(--shadow);overflow:hidden}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.card-head h2{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:700}.card-head-actions{align-items:center;gap:8px;display:flex}.card-body{padding:1.25rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-tile{background:var(--white);border:1px solid var(--border);border-radius:var(--rad-lg);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.stat-tile-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:700}.stat-tile-val{font-family:var(--font-mono);color:var(--b800);letter-spacing:-1px;font-size:26px;font-weight:500}.stat-tile-sub{color:var(--text3);margin-top:4px;font-size:11px}.stat-tile-trend{align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}.trend-up{color:var(--g600)}.trend-down{color:var(--r600)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);background:var(--slate);border-bottom:1px solid var(--border);padding:9px 14px;font-size:10px;font-weight:700}.data-table td{color:var(--text);vertical-align:middle;border-bottom:1px solid #f0f5fb;padding:11px 14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f7fbff}.mono{font-family:var(--font-mono)}.trade-chip{text-transform:uppercase;letter-spacing:.05em;background:var(--b50);color:var(--b700);border-radius:5px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.rank-badge{border-radius:5px;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.rank-low{background:var(--g50);color:var(--g600)}.rank-mid{background:var(--a50);color:var(--a600)}.rank-high{background:var(--r50);color:var(--r600)}.bar-wrap{align-items:center;gap:8px;display:flex}.bar-track{background:var(--b100);border-radius:3px;flex:1;height:5px}.bar-fill{background:linear-gradient(90deg,var(--b400),var(--b300));border-radius:3px;height:5px}.ai-insight-box{background:linear-gradient(135deg,var(--b50),#f0f8ff);border:1px solid var(--b200);border-radius:var(--rad);color:var(--b800);padding:1rem 1.25rem;font-size:13px;line-height:1.7}.takeoff-toolbar{background:var(--b900);border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:8px;padding:.6rem 1rem;display:flex}.tool-btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition);color:#ffffffb3;background:#ffffff12;border:1px solid #ffffff26;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.tool-btn:hover{color:#fff;background:#ffffff24}.tool-btn.active{border-color:var(--b400);color:#fff;background:#378add59}.tool-sep{background:#ffffff1f;width:1px;height:24px;margin:0 4px}.scale-display{font-family:var(--font-mono);color:#fff6;background:#0003;border-radius:6px;padding:5px 10px;font-size:11px}.takeoff-main{flex:1;display:flex;overflow:hidden}.canvas-wrap{cursor:crosshair;background-color:#f0f5fa;background-image:linear-gradient(#378add0a 1px,#0000 1px),linear-gradient(90deg,#378add0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1;position:relative;overflow:hidden}canvas#takeoffCanvas{width:100%;height:100%;display:block}.canvas-hint{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-hint-icon{opacity:.3;margin-bottom:12px;font-size:48px}.canvas-hint-text{color:var(--text3);font-size:14px;font-weight:500}.canvas-hint-sub{color:var(--text3);opacity:.7;margin-top:4px;font-size:12px}.takeoff-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;width:280px;min-width:280px;display:flex;overflow:hidden}.tp-head{border-bottom:1px solid var(--border);padding:1rem}.tp-head h3{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700}.tp-body{flex:1;padding:.75rem;overflow-y:auto}.takeoff-item{background:var(--slate);border:1px solid var(--border);border-radius:var(--rad);align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;display:flex}.ti-color{border-radius:3px;flex-shrink:0;width:10px;height:10px}.ti-info{flex:1;min-width:0}.ti-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.ti-measurement{font-family:var(--font-mono);color:var(--text3);font-size:11px}.ti-remove{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px}.ti-remove:hover{color:var(--r600)}.tp-summary{border-top:1px solid var(--border);background:var(--slate);padding:1rem}.tp-summary-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.tp-summary-row .label{color:var(--text2)}.tp-summary-row .val{font-family:var(--font-mono);color:var(--b700);font-weight:600}.tp-total{background:var(--b800);border-radius:var(--rad);justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;display:flex}.tp-total .label{color:#ffffffa6;font-size:12px;font-weight:600}.tp-total .val{font-family:var(--font-mono);color:#fff;font-size:16px;font-weight:600}.estimate-layout{flex:1;display:flex;overflow:hidden}.estimate-left{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}.estimate-right{border-left:1px solid var(--border);background:#fff;flex-direction:column;width:320px;min-width:320px;display:flex;overflow-y:auto}.est-right-head{border-bottom:1px solid var(--border);background:var(--b800);padding:1rem 1.25rem}.est-right-head h3{font-family:var(--font-display);color:#fff;font-size:14px;font-weight:700}.est-right-body{flex:1;padding:1rem}.trade-estimate-row{border-bottom:1px solid #f0f5fb;align-items:center;gap:12px;padding:11px 0;display:flex}.trade-estimate-row:last-child{border-bottom:none}.ter-trade{flex:1}.ter-name{color:var(--text);font-size:14px;font-weight:600}.ter-basis{color:var(--text3);margin-top:2px;font-size:11px}.ter-psf{font-family:var(--font-mono);color:var(--text2);text-align:right;width:65px;font-size:12px}.ter-amount{font-family:var(--font-mono);color:var(--b700);text-align:right;width:90px;font-size:14px;font-weight:700}.ter-source{justify-content:center;align-items:center;width:80px;display:flex}.source-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.src-bid{background:var(--g50);color:var(--g600)}.src-hist{background:var(--b50);color:var(--b700)}.src-default{background:var(--a50);color:var(--a600)}.estimate-total-bar{background:linear-gradient(135deg,var(--b900),var(--b800));border-radius:var(--rad-lg);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.etb-left .label{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.etb-left .amount{font-family:var(--font-mono);color:#fff;letter-spacing:-1px;font-size:32px;font-weight:600}.etb-left .psf{color:var(--b300);margin-top:4px;font-size:12px}.etb-actions{flex-direction:column;gap:8px;display:flex}.etb-btn{font-family:var(--font-body);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;display:flex}.etb-btn-primary{background:var(--b400);color:#fff}.etb-btn-primary:hover{background:var(--b300)}.etb-btn-secondary{color:#fff;background:#ffffff1f;border:1px solid #fff3}.etb-btn-secondary:hover{background:#fff3}.upload-layout{flex:1;display:flex;overflow:hidden}.upload-left{flex:1;padding:1.5rem 2rem;overflow-y:auto}.upload-right{border-left:1px solid var(--border);background:#fff;width:360px;min-width:360px;padding:1.5rem;overflow-y:auto}.drop-zone{border:2px dashed var(--b200);border-radius:var(--rad-xl);text-align:center;cursor:pointer;transition:var(--transition);background:#fff;margin-bottom:1.25rem;padding:3rem 2rem}.drop-zone:hover,.drop-zone.dragover{border-color:var(--b400);background:var(--b50)}.drop-zone-icon{margin-bottom:12px;font-size:44px}.drop-zone-title{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:16px;font-weight:700}.drop-zone-sub{color:var(--text3);font-size:13px}.drop-file-name{color:var(--b600);margin-top:10px;font-size:13px;font-weight:600}.form-field{margin-bottom:1rem}.form-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text2);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--rad);width:100%;font-family:var(--font-body);color:var(--text);transition:var(--transition);background:#fff;padding:9px 12px;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--b400);outline:none;box-shadow:0 0 0 3px #378add1f}.form-textarea{resize:vertical;height:90px;font-size:13px;font-family:var(--font-mono)}.form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.analyze-btn{background:var(--b600);color:#fff;border-radius:var(--rad);width:100%;font-family:var(--font-display);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:15px;font-weight:700;display:flex}.analyze-btn:hover{background:var(--b700)}.analyze-btn:disabled{background:var(--border);color:var(--text3);cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.loading-state{background:var(--b50);border:1px solid var(--b200);border-radius:var(--rad);color:var(--b700);align-items:center;gap:12px;margin-top:1rem;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.history-layout{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem 2rem;display:flex}.history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.history-card{border:1px solid var(--border);border-radius:var(--rad-lg);box-shadow:var(--shadow);background:#fff;padding:1.25rem}.hc-trade{text-transform:uppercase;letter-spacing:.08em;color:var(--b500);margin-bottom:8px;font-size:10px;font-weight:700}.hc-avg{font-family:var(--font-mono);color:var(--b900);letter-spacing:-.5px;font-size:24px;font-weight:500}.hc-unit{color:var(--text3);font-size:11px;display:inline}.hc-range{color:var(--text3);margin-top:6px;font-size:12px}.hc-count{background:var(--b50);color:var(--b700);border-radius:4px;margin-top:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.hc-sparkline{height:32px;margin-top:10px;position:relative}.export-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}.export-card{border:1px solid var(--border);border-radius:var(--rad-lg);box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);background:#fff;flex-direction:column;gap:10px;padding:1.25rem;display:flex}.export-card:hover{border-color:var(--b400);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.export-card-icon{font-size:28px}.export-card-title{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700}.export-card-desc{color:var(--text3);font-size:12px;line-height:1.5}.export-card-btn{background:var(--b600);color:#fff;font-family:var(--font-body);cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:8px;margin-top:auto;padding:8px 14px;font-size:12px;font-weight:700}.export-card-btn:hover{background:var(--b800)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#021829b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--rad-xl);background:#fff;width:560px;max-width:95vw;animation:.2s cubic-bezier(.34,1.56,.64,1) modal-in;overflow:hidden;box-shadow:0 24px 80px #02182959}@keyframes modal-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:none}}.modal-head{background:linear-gradient(135deg,var(--b900),var(--b800));justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-head h3{font-family:var(--font-display);color:#fff;font-size:16px;font-weight:700}.modal-close{color:#fff;cursor:pointer;width:28px;height:28px;transition:var(--transition);background:#ffffff1f;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:#fff3}.modal-body{padding:1.5rem}.proj-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.empty-state{text-align:center;color:var(--text3);padding:3rem 2rem}.empty-state-icon{opacity:.4;margin-bottom:12px;font-size:44px}.empty-state-title{font-family:var(--font-display);color:var(--text2);margin-bottom:6px;font-size:16px;font-weight:700}.empty-state-sub{font-size:13px}.toast-stack{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:var(--b900);color:#fff;box-shadow:var(--shadow-lg);border-left:3px solid var(--b400);border-radius:10px;align-items:center;gap:10px;min-width:240px;padding:12px 16px;font-size:13px;font-weight:600;animation:.25s toast-in;display:flex}.toast.success{border-left-color:#4ae88a}.toast.error{border-left-color:#ff6b6b}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:.25s fade-in}.pill-indicator{border-radius:99px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.pill-online{color:#4ae88a;background:#4ae88a26}.pill-count{color:var(--b300);background:#378add26}