:root{--font-sans:"Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#070707;--surface:#111214;--surface-raised:#17181a;--border:#ffffff17;--border-strong:#ffffff24;--text-strong:#f7f4ee;--text-primary:#e8e1d7;--text-secondary:#b8b1a6;--text-tertiary:#8f8a84;--accent:#d9c29a;--accent-soft:#f0dfbb;--accent-ink:#11110f;--success:#9ad9ce;--pending:#e0cfa8;--danger:#eba6a6;--overlay-1:#ffffff08;--overlay-2:#ffffff0f;--accent-wash:#d9c29a1a;--accent-wash-strong:#d9c29a33;--success-wash:#9ad9ce1f;--success-border:#9ad9ce59;--pending-wash:#e0cfa824;--pending-border:#e0cfa859;--danger-wash:#eba6a624;--danger-border:#eba6a666;--focus-ring:#d9c29a66;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--radius-circle:50%;--shadow-sm:0 4px 12px #00000059;--shadow-md:0 18px 36px #0000008a;--shadow-lg:0 28px 90px #000000b8;--shadow-accent-glow:0 8px 22px #d9c29a33;--shadow-focus:0 0 0 3px #d9c29a66}.text-xs{font-family:var(--font-sans);font-size:.6875rem;font-weight:600}.eyebrow{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.text-sm{font-family:var(--font-sans);font-size:.75rem;font-weight:500}.text-base{font-family:var(--font-sans);font-size:.875rem;font-weight:400}.text-md{font-family:var(--font-sans);font-size:1rem;font-weight:600}.text-lg{font-family:var(--font-sans);font-size:1.125rem;font-weight:600}.text-xl{font-family:var(--font-sans);font-size:1.375rem;font-weight:600}.text-2xl{font-family:var(--font-sans);font-size:1.75rem;font-weight:700}.text-display{font-family:var(--font-sans);letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1}.body{font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.6}.text-mono{font-family:var(--font-mono);font-size:.875rem}:root{--mist-appbar-height:72px;--mist-drawer-width:260px;--mist-drawer-mini-width:64px;--mist-action-disabled:#ffffff42;--mist-action-disabled-background:#ffffff1e;--sf-touch:48px;--sf-touch-large:64px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6}h1,h2,h3{color:var(--text-primary);margin:0}h2{font-size:1.125rem;font-weight:600;line-height:1.4}h3{font-size:1rem;font-weight:600}p{margin:0}a{color:var(--accent-soft);text-decoration:none}a:hover{text-decoration:underline}.text-mono,.sf-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sf-muted{color:var(--text-secondary)}.sf-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sf-icon{fill:currentColor;flex:none;width:24px;height:24px}:where(a,button,summary,select,input,textarea,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{box-shadow:var(--shadow-focus);outline:none}h1:focus{outline:none}.sf-app{grid-template-rows:var(--mist-appbar-height) 1fr;min-height:100vh;display:grid}.sf-app--drawer{grid-template-columns:var(--mist-drawer-width) minmax(0, 1fr);grid-template-rows:var(--mist-appbar-height) 1fr}.sf-app--drawer>.sf-drawer{grid-row:1/span 2}.sf-appbar{align-items:center;gap:var(--space-12);min-width:0;padding:0 var(--space-24);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.sf-appbar-spacer{flex:1}.sf-workspace{flex-direction:column;gap:2px;min-width:0;display:flex}.sf-workspace-label{color:var(--text-tertiary)}.sf-workspace-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sf-appbar-divider{width:1px;margin:var(--space-16) var(--space-4);background:var(--border);align-self:stretch}.sf-user{align-items:center;gap:var(--space-12);min-width:0;display:flex}.sf-user-identity{flex-direction:column;align-items:flex-end;gap:2px;min-width:0;display:flex}.sf-user-name{color:var(--text-primary);white-space:nowrap}.sf-user-roles{color:var(--text-tertiary);white-space:nowrap}.sf-drawer{background:var(--surface);border-right:1px solid var(--border)}.sf-drawer-body{flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sf-drawer-header{height:var(--mist-appbar-height);padding:0 var(--space-16);border-bottom:1px solid var(--border);flex:none;align-items:center;display:flex}.sf-drawer-footer{padding:var(--space-16);border-top:1px solid var(--border);margin-top:auto}.sf-brand{align-items:center;gap:var(--space-12);color:inherit;display:flex}a.sf-brand:hover{text-decoration:none}.sf-brand-mark{border-radius:var(--radius-md);background:linear-gradient(180deg, var(--accent-soft), var(--accent));width:32px;height:32px;box-shadow:var(--shadow-accent-glow);color:var(--accent-ink);flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid}.sf-brand-name{color:var(--text-primary);white-space:nowrap}.sf-nav{gap:var(--space-4);padding:var(--space-16) var(--space-12);flex-direction:column;display:flex}.sf-nav-section{margin:var(--space-16) var(--space-8) var(--space-4);color:var(--text-tertiary)}.sf-nav a{align-items:center;gap:var(--space-12);padding:var(--space-8);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sf-nav a:hover{background:var(--overlay-1);color:var(--text-primary)}.sf-nav a[aria-current=page]{background:var(--accent-wash);color:var(--accent-soft)}.sf-nav a[aria-current=page]:before{content:"";top:6px;bottom:6px;left:calc(-1 * var(--space-12));background:var(--accent);width:2px;position:absolute}.sf-page{width:100%;max-width:1440px;padding:var(--space-32) var(--space-40) var(--space-64)}.sf-page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-24);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.sf-page-header-text{min-width:0}.sf-page-header-eyebrow{margin:0 0 var(--space-8);color:var(--text-tertiary)}.sf-page-header h1{letter-spacing:-.02em;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1}.sf-page-header-description{max-width:72ch;margin-top:var(--space-12);color:var(--text-secondary)}.sf-page-header-actions{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.sf-sync{align-items:flex-end;gap:var(--space-4);flex-direction:column;display:flex}.sf-sync-status{color:var(--text-secondary)}.sf-stack{gap:var(--space-16);display:grid}.sf-row{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.sf-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.sf-card{background:linear-gradient(180deg, var(--overlay-1), #ffffff04);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-24) var(--space-20);color:var(--text-primary)}.sf-inset{padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--overlay-1)}.sf-tile{justify-content:center;align-items:center;gap:var(--space-8);width:100%;font:inherit;text-align:center;cursor:pointer;flex-direction:column;font-size:1.125rem;font-weight:600;transition:transform .2s,border-color .2s;display:flex}.sf-tile:hover{border-color:var(--border-strong);transform:translateY(-2px)}.sf-empty-state{padding:var(--space-48) var(--space-24);text-align:center;flex-direction:column;align-items:center;display:flex}.sf-empty-state-description{max-width:56ch;color:var(--text-secondary)}.sf-button{justify-content:center;align-items:center;gap:var(--space-8);min-height:36px;padding:6px var(--space-16);border-radius:var(--radius-md);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;font-size:.875rem;font-weight:600;line-height:1.75;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sf-button .sf-icon{width:20px;height:20px}.sf-button--outlined{border-color:var(--accent)}.sf-button--outlined:hover:not(:disabled),.sf-button--text:hover:not(:disabled){background:var(--accent-wash)}.sf-button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sf-button--primary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-soft)}.sf-button--danger{background:var(--danger-wash);border-color:var(--danger-border);color:var(--danger)}.sf-button--danger:hover:not(:disabled){border-color:var(--danger)}.sf-button:disabled{background:var(--mist-action-disabled-background);color:var(--mist-action-disabled);cursor:not-allowed;border-color:#0000}.sf-button--text:disabled{background:0 0}.sf-button[aria-pressed=true]{background:var(--accent-wash-strong);border-color:var(--accent);color:var(--accent-soft)}.sf-app--floor .sf-button{min-height:var(--sf-touch);min-width:var(--sf-touch);font-size:1rem}.sf-button--large,.sf-app--floor .sf-button--large{min-height:var(--sf-touch-large);padding:0 var(--space-24);font-size:1.125rem}.sf-pill{align-items:center;gap:var(--space-4);padding:3px var(--space-12);border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--overlay-2);color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.sf-pill--success{background:var(--success-wash);border-color:var(--success-border);color:var(--success)}.sf-pill--pending{background:var(--pending-wash);border-color:var(--pending-border);color:var(--pending)}.sf-pill--danger{background:var(--danger-wash);border-color:var(--danger-border);color:var(--danger)}.sf-note{padding:var(--space-12) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary)}.sf-note--info{background:var(--accent-wash);border-color:var(--accent-wash-strong);color:var(--accent-soft)}.sf-note--pending{background:var(--pending-wash);border-color:var(--pending-border);color:var(--pending)}.sf-note--danger{background:var(--danger-wash);border-color:var(--danger-border);color:var(--danger)}.sf-note h2,.sf-note h3{color:inherit}.sf-unavailable{gap:var(--space-4);padding:var(--space-24);border:1px dashed var(--pending-border);border-radius:var(--radius-xl);background:var(--pending-wash);display:grid}.sf-unavailable-title{color:var(--text-primary)}.sf-unavailable-description{max-width:64ch;color:var(--text-secondary)}.sf-progress{border-radius:var(--radius-full);background:var(--overlay-2);height:8px;overflow:hidden}.sf-progress>span{border-radius:var(--radius-full);background:var(--accent);height:100%;display:block}.sf-bar{border-radius:var(--radius-sm);background:var(--accent);height:18px}.sf-table{border-collapse:collapse;width:100%;font-size:.875rem}.sf-table th,.sf-table td{text-align:left;padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border);vertical-align:middle}.sf-table thead th{color:var(--text-secondary);font-weight:500}.sf-table tbody tr:hover{background:var(--overlay-1)}.sf-field{gap:var(--space-4);display:grid}.sf-field label,.sf-field legend{color:var(--text-secondary);font-size:.75rem;font-weight:500}.sf-input,.sf-select,.sf-textarea{width:100%;min-height:40px;padding:var(--space-8) var(--space-12);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;background:0 0}.sf-app--floor .sf-input,.sf-app--floor .sf-select,.sf-app--floor .sf-textarea{min-height:var(--sf-touch)}.sf-input:hover,.sf-select:hover,.sf-textarea:hover{border-color:var(--text-secondary)}.sf-input:focus-visible,.sf-select:focus-visible,.sf-textarea:focus-visible{border-color:var(--accent)}.sf-select option{background:var(--surface-raised);color:var(--text-primary)}.sf-textarea{resize:vertical;min-height:96px}.sf-field-error{color:var(--danger);font-size:.75rem}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.sf-dialog{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(640px,100vw - 32px);color:var(--text-primary);box-shadow:var(--shadow-lg);padding:0}.sf-dialog::backdrop{background:#0009}.sf-dialog-body{gap:var(--space-16);padding:var(--space-24);display:grid}.sf-dialog-actions{justify-content:flex-end;gap:var(--space-12);flex-wrap:wrap;display:flex}.sf-build-card{gap:var(--space-8);min-height:132px;color:inherit;text-decoration:none;transition:transform .2s,border-color .2s;display:grid}a.sf-build-card:hover{border-color:var(--border-strong);text-decoration:none;transform:translateY(-2px)}.sf-step-actions{gap:var(--space-12);z-index:1;padding:var(--space-12) 0;background:linear-gradient(to bottom, transparent, var(--bg) 35%);grid-template-columns:1fr 2fr 1fr;display:grid;position:sticky;bottom:0}.sf-kit-line{gap:var(--space-12);grid-template-columns:1fr auto;align-items:center;display:grid}.sf-outcomes{gap:var(--space-8);flex-wrap:wrap;display:flex}.sf-photo-strip{gap:var(--space-12);flex-wrap:wrap;display:flex}.sf-photo-strip img{border:1px solid var(--border);border-radius:var(--radius-md);max-height:180px}.sf-viewer{border-radius:var(--radius-md);background:var(--surface-raised);touch-action:pan-x pan-y pinch-zoom;width:100%;height:min(70vh,640px);overflow:auto}@media print{.sf-appbar,.sf-drawer,.sf-no-print{display:none!important}.sf-app,.sf-app--drawer{display:block}html,body{color:#000;background:#fff}.sf-card{box-shadow:none;color:inherit;background:0 0;border:none;padding:0}}@media (width<=760px){.sf-page{padding:var(--space-24) var(--space-16) var(--space-48)}.sf-app--drawer{grid-template-columns:minmax(0,1fr)}.sf-app--drawer>.sf-drawer{display:none}.sf-step-actions{grid-template-columns:1fr 1fr}}