@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{--charcoal:#0b2d6b;--charcoal-soft:#123a82;--charcoal-softer:#1c4a9c;--charcoal-deep:#001238;--paper:#f7f7f5;--paper-dim:#ececea;--white:#fff;--gold:#fbc900;--gold-dark:#c99a00;--gold-soft:#fff3c4;--gold-light:#ffe066;--steel-blue:#2f6690;--steel-blue-dark:#1f4a6b;--ok:#2f8f5b;--warn:#c98f00;--danger:#b3402f;--line:#dedcd6;--line-dark:#33363f;--ink:#111318;--ink-soft:#6b6d75;--ink-invert:#f7f7f5;--role-csr:#2f6690;--role-field:#c9701a;--role-quote:#7a4fb0;--role-ops:#1f4a6b;--role-crew:#2f8f5b;--role-accts:#b3402f;--role-system:#6b6d75;--role-external:#9a978d;--font-display:"Manrope", sans-serif;--font-body:"Manrope", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:10px;--shadow-sm:0 1px 2px #11131814;--shadow-md:0 8px 24px #1113181f}*{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:800}button,input,select,textarea{font-family:var(--font-body)}a{color:var(--steel-blue)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--charcoal);color:var(--ink-invert);border-bottom:3px solid var(--gold);flex-shrink:0;align-items:center;gap:20px;height:64px;padding:0 24px;display:flex}.topbar-brand{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.topbar-brand .brand-logo{object-fit:contain;flex-shrink:0;width:40px;height:40px}.topbar-brand .brand-mark{color:var(--gold)}.topbar-brand .brand-sub{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#f7f7f58c;margin-left:4px;font-size:10px;font-weight:500}.topbar-nav{scrollbar-width:thin;flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.topbar-nav::-webkit-scrollbar{height:4px}.topbar-nav::-webkit-scrollbar-thumb{background:var(--charcoal-softer);border-radius:4px}.nav-tab{color:#f7f7f5b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.nav-tab:hover{background:var(--charcoal-softer);color:var(--ink-invert)}.nav-tab.active{background:var(--gold);color:var(--charcoal)}.nav-phase-divider{background:var(--charcoal-softer);flex-shrink:0;width:1px;height:22px;margin:0 4px}.app-body{flex-direction:column;flex:1;width:100%;max-width:1360px;margin:0 auto;padding:28px 24px 60px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-size:24px}.page-subtitle{color:var(--ink-soft);margin-top:4px;font-size:14px}.page-phase-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--steel-blue-dark);background:#2f66901a;border-radius:999px;margin-bottom:8px;padding:4px 10px;font-size:11px;display:inline-block}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:filter .15s,background .15s;display:inline-flex}.btn-primary{background:var(--gold);color:var(--charcoal)}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:var(--charcoal);color:var(--ink-invert)}.btn-secondary:hover{filter:brightness(1.15)}.btn-outline{border-color:var(--line);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--paper-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card+.card{margin-top:16px}.panel-empty{border:1.5px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--ink-soft);background:var(--white);padding:48px 24px}.panel-empty h3{color:var(--ink);margin-bottom:8px;font-size:16px}.panel-empty .panel-empty-icon{margin-bottom:12px;font-size:28px}.role-chip{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--white);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.role-chip.role-external{border:1.5px dashed var(--role-external);color:var(--ink-soft);background:0 0}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.status-new{color:var(--steel-blue-dark);background:#2f66901f}.status-pill.status-qualified{color:var(--ok);background:#2f8f5b1f}.status-pill.status-booked{color:var(--gold-dark);background:#fbc9002e}.status-pill.status-measured{color:var(--steel-blue-dark);background:#2f669029}.status-pill.status-referred{color:var(--ink-soft);background:#6b6d7524}.status-pill.status-lost{color:var(--danger);background:#b3402f1f}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.full{grid-column:1/-1}.form-field label{color:var(--ink);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.form-field .required{color:var(--danger);margin-left:2px}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--line);color:var(--ink);background:var(--white);border-radius:8px;padding:9px 12px;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--steel-blue);outline:none;box-shadow:0 0 0 3px #2f669026}.form-hint{color:var(--ink-soft);font-size:11.5px}.form-field.gate{background:var(--gold-soft);border:1px solid var(--gold);border-radius:8px;padding:12px}.table-wrap{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}table.data-table{border-collapse:collapse;width:100%;font-size:13.5px}table.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:var(--paper-dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:11px}table.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}table.data-table tbody tr:hover{background:var(--paper)}table.data-table tbody tr:last-child td{border-bottom:none}.table-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.table-toolbar input,.table-toolbar select{border:1.5px solid var(--line);background:var(--white);border-radius:8px;padding:8px 12px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-tile{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat-tile .stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:11px;font-weight:700}.stat-tile .stat-value{font-family:var(--font-display);margin-top:6px;font-size:28px;font-weight:800}.stat-tile .stat-value.accent{color:var(--gold-dark)}.app-footer{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 24px;font-size:11.5px;display:flex}.queue-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);margin-bottom:12px;overflow:hidden}.queue-row-head{cursor:pointer;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.queue-row-head:hover{background:var(--paper)}.path-tag{font-family:var(--font-mono);letter-spacing:.05em;background:var(--paper-dim);color:var(--ink-soft);white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.path-tag.path-a{color:var(--steel-blue-dark);background:#2f669024}.path-tag.path-b{color:var(--gold-dark);background:#fbc90033}.queue-row-body{border-top:1px solid var(--line);background:var(--paper);flex-direction:column;gap:18px;padding:18px;display:flex}.scope-section{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.scope-section h4{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:13px}.scope-section .form-hint{margin-bottom:12px}.appt-list-item{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.appt-list-item:last-child{border-bottom:none}.modal-overlay{z-index:100;background:#0b2d6b73;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:var(--white);border-radius:var(--radius);width:100%;max-width:760px;box-shadow:var(--shadow-md);padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:22px;line-height:1}.modal-close:hover{background:var(--paper-dim);color:var(--ink)}@media (width<=720px){.form-grid{grid-template-columns:1fr}.topbar{gap:12px;padding:0 14px}.app-body{padding:20px 14px 40px}.modal-overlay{padding:16px}.modal-panel{padding:18px}}
