:root{color:#e1e1e6;background-color:#0a0a0c;overflow-y:scroll}body{color:#e1e1e6;background-color:#0a0a0c;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{width:100%}[role=tabpanel]{outline:none;width:100%}:root{--bg:#0a0a0c;--bg-card:#141417;--bg-input:#1c1c21;--border:#2d2d35;--text:#e1e1e6;--text-dim:#8e8e99;--primary:#3b82f6;--secondary:#64748b;--danger:#ef4444;--success:#22c55e;--cyan:#06b6d4;--yellow:#facc15;--title-muted:#d1d1a5;--radius:6px;--input-h:36px;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box}.app-container{max-width:800px;margin:0 auto;padding:1rem}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:2px;margin-bottom:1.5rem;padding:4px;display:flex}.tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:8px;font-weight:700;transition:all .2s}.tab-btn[aria-selected=true]{background:var(--bg-input);color:var(--text);box-shadow:0 0 0 1px var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.card-header h3{color:var(--title-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:none;margin:0;padding-bottom:0;font-size:1rem}.card-body{padding:1rem}.field-group{margin-bottom:1rem}.field-label{color:var(--text-dim);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.input-field{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);height:var(--input-h);font-family:var(--font-mono);border-radius:4px;padding:0 12px;font-size:.9rem}.input-container{align-items:center;display:flex;position:relative}.input-prefix{color:var(--text-dim);font-size:.85rem;font-family:var(--font-mono);pointer-events:none;position:absolute;left:10px}.input-field.has-prefix{padding-left:20px}.input-field:focus{outline:1px solid var(--primary);border-color:var(--primary)}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:.25rem;display:flex}.checkbox{border:2px solid var(--border);background:var(--bg-input);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .1s;display:flex}.checkbox[data-checked=true]{background:var(--primary);border-color:var(--primary)}.checkbox[data-checked=true]:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.btn{cursor:pointer;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-weight:600;transition:all .15s;display:inline-flex}.btn-md{height:var(--input-h);padding:0 16px;font-size:.85rem}.btn-sm{min-width:var(--input-h);height:var(--input-h);flex:none;padding:0 12px;font-size:.75rem}.btn-icon{width:32px;height:32px;font-size:.65rem;padding:0!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--bg-input);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--text-dim)}.btn-danger{color:var(--danger);background:#ef44441a;border-color:#ef444433}.btn-danger:hover{background:var(--danger);color:#fff}.hud-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.hud-grid.grid-divider{gap:0}.hud-grid.grid-divider>div:first-child{border-right:1px solid var(--border);padding-right:1.5rem}.hud-grid.grid-divider>div:last-child{padding-left:1.5rem}.pricing-left,.labor-right{flex-direction:column;align-items:center;width:100%;display:flex}.pricing-left>div,.labor-right>div{text-align:left;width:100%;max-width:160px}.input-dimmed{opacity:.35;filter:grayscale();cursor:not-allowed}.hud-stats{flex-direction:column;gap:4px;display:flex}.hud-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:4px 0;display:flex}.mono-val{font-family:var(--font-mono)}.success{color:var(--success)}.danger{color:var(--danger)}.cyan{color:var(--cyan)}.bold{font-weight:700}.items-list{flex-direction:column;gap:.5rem;display:flex}.item-row{background:#ffffff05;border-radius:4px;align-items:center;gap:1.5rem;padding:10px 16px;transition:background .2s,transform .1s;display:flex}.item-row:hover{background:#ffffff0f}.item-name-col{flex-direction:column;flex:2;display:flex}.item-meta-col{flex:3;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.item-name{font-size:1rem;font-weight:600}.item-subtext{color:var(--text-dim);text-transform:uppercase;letter-spacing:.02em;font-size:.7rem}.select-trigger{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);height:var(--input-h);text-align:left;cursor:pointer;font-size:.9rem;font-family:var(--font-mono);border-radius:4px;padding:0 12px}.select-trigger:focus{outline:1px solid var(--primary);border-color:var(--primary)}.select-popover{z-index:100;max-height:min(var(--popover-available-height,300px), 300px);overscroll-behavior:contain;border:1px solid var(--border);background-color:var(--bg-card);color:var(--text);opacity:0;border-radius:.5rem;flex-direction:column;padding:.5rem;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:auto;transform:translateY(-5%);box-shadow:0 10px 15px -3px #00000080}.select-popover[data-enter]{opacity:1;transform:translateY(0%)}.combobox-item{cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem .75rem;scroll-margin:.5rem;font-size:.9rem;transition:background .1s;display:flex;outline:none!important}.combobox-item:hover{background-color:#3b82f633}.combobox-item[data-active-item]{background-color:var(--primary);color:#fff}.combobox-separator{background-color:#ffffff0d;border:none;height:1px;margin:4px 0}.divider{background:#ffffff1a;border:none;height:1px;margin:.75rem 0}.full-width{width:100%}.flex-1{flex:1!important}.text-dim{color:var(--text-dim);font-size:.85rem}.flex-row{align-items:flex-end;gap:10px;width:100%;display:flex}.flex-row.no-margin .field-group{margin-bottom:0}.no-margin{margin:0!important}.field-group.no-margin{margin-bottom:0}.align-center{align-items:center!important}.flex-center{justify-content:center;align-items:center;width:100%;display:flex}.text-center{text-align:center!important}.text-center .field-label{text-align:center}.card-actions{gap:8px;display:flex}.w-3-digit{flex:none!important;width:80px!important}.input-lg{height:54px!important;font-size:1.4rem!important}.input-qty{height:42px!important;font-size:1.05rem!important}@media (width<=600px){.app-container{padding:.5rem}.summary-card .hud-grid{grid-template-columns:1fr!important;gap:1rem!important}.summary-card .hud-grid.grid-divider>div:first-child{border-bottom:1px solid var(--border);padding-bottom:1rem;border-right:none!important;padding-right:0!important}.summary-card .hud-grid.grid-divider>div:last-child{padding-top:1rem;padding-left:0!important}.hud-grid{gap:.75rem!important}.hud-grid.grid-divider>div:first-child{padding-right:.75rem!important}.hud-grid.grid-divider>div:last-child{padding-left:.75rem!important}.item-row{gap:.5rem!important;padding:10px 8px!important}.item-name-col{min-width:0;flex:1.5!important}.item-name{line-height:1.2;font-size:.85rem!important}.item-meta-col{justify-content:flex-end;flex:2!important;gap:.4rem!important}.mobile-width-qty{width:55px!important}.mobile-min-width-stack{min-width:85px!important}.mobile-min-width-total{min-width:80px!important}.hide-mobile{display:none!important}.show-mobile{display:inline!important}}.show-mobile{display:none}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{background:var(--bg-card);border-radius:var(--radius);text-align:center;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);min-width:260px;padding:16px 32px;font-size:1rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) toastCenterIn;box-shadow:0 0 50px #000000e6}.toast-success{border-color:var(--success);color:var(--success)}.toast-error{border-color:var(--danger);color:var(--danger)}@keyframes toastCenterIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}