:root{--bg: #0b1220;--card: #111a2e;--muted: #8ea1c7;--text: #e9eefc;--accent: #4f8cff;--danger: #ff4f4f;--ok: #2ecc71;--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#070b14,#0b1220);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:20px}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:#0003;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.3px}.badge{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:999px}.card{background:#111a2eb3;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 6px 24px #00000059}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;gap:12px}.grid2{grid-template-columns:1fr 1fr}@media (max-width: 900px){.grid2{grid-template-columns:1fr}}.grid3{grid-template-columns:320px 1fr 1fr}@media (max-width: 1100px){.grid3{grid-template-columns:1fr 1fr}}@media (max-width: 720px){.grid3{grid-template-columns:1fr}}.input,.select{background:#00000040;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:12px;outline:none}.input::placeholder{color:#e9eefc73}.btn{background:var(--accent);color:#fff;border:none;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:#ffffff14;border:1px solid var(--border)}.btn.danger{background:var(--danger)}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px}.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.small{color:var(--muted);font-size:12px}.pill{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--muted)}.pill.ok{color:#b6ffd1;border-color:#2ecc7159}.pill.warn{color:#ffeaa7;border-color:#f1c40f59}.pill.bad{color:#ffc0c0;border-color:#ff4f4f59}hr.sep{border:none;border-top:1px solid var(--border);margin:14px 0}.error{color:#ffc0c0}.success{color:#b6ffd1}.wo-layout{padding:16px;display:grid;grid-template-columns:420px 1fr;gap:16px}@media (max-width: 720px){.wo-layout{grid-template-columns:1fr;padding:12px;gap:12px}}.assign-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;align-items:center}.upload-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;align-items:center}@media (max-width: 560px){.upload-row{grid-template-columns:1fr}}.touch-btn{min-height:44px;min-width:44px;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px}.touch-btn:disabled{opacity:.6;cursor:not-allowed}.touch-input{min-height:44px;padding:8px 10px;border-radius:8px;box-sizing:border-box}:root{--demo-font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--demo-fs-2xs: .75rem;--demo-fs-xs: .8125rem;--demo-fs-sm: .875rem;--demo-fs-base: 1rem;--demo-fs-md: 1.125rem;--demo-fs-lg: 1.375rem;--demo-fs-xl: 1.75rem;--demo-fs-2xl: 2rem;--demo-space-1: .25rem;--demo-space-2: .5rem;--demo-space-3: .75rem;--demo-space-4: 1rem;--demo-space-5: 1.5rem;--demo-space-6: 2rem;--demo-space-7: 3rem;--demo-color-page-bg: #f4f5f7;--demo-color-surface: #ffffff;--demo-color-text: #1c1f26;--demo-color-text-secondary: #52565e;--demo-color-border: #d8dade;--demo-color-border-strong: #b9bcc3;--demo-color-focus: #1d4ed8;--demo-radius-sm: 8px;--demo-radius-md: 12px}.demo-root{font-family:var(--demo-font-family);background:var(--demo-color-page-bg);color:var(--demo-color-text);min-height:100vh;min-height:100dvh}@media (prefers-reduced-motion: reduce){.demo-root *{transition-duration:.01ms!important}}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:var(--demo-space-3);padding:var(--demo-space-3) var(--demo-space-4);background:var(--demo-color-surface);border-bottom:1px solid var(--demo-color-border);flex-wrap:wrap}.demo-header__brand{display:flex;align-items:center;gap:var(--demo-space-2);font-size:var(--demo-fs-md);font-weight:700;color:var(--demo-color-text)}.demo-header__tag{display:inline-flex;align-items:center;padding:2px var(--demo-space-2);border-radius:999px;background:var(--demo-color-text);color:#fff;font-size:var(--demo-fs-2xs);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.demo-header__session{display:flex;align-items:center;gap:var(--demo-space-3)}.demo-banner{margin:var(--demo-space-3) var(--demo-space-4) 0;padding:var(--demo-space-3) var(--demo-space-4);background:#fff8e1;border:1px solid #f0dfa0;color:#6b5300;border-radius:var(--demo-radius-md);font-size:var(--demo-fs-sm)}.demo-subnav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--demo-space-3);padding:var(--demo-space-3) var(--demo-space-4)}.demo-tabs{display:flex;gap:var(--demo-space-2);flex-wrap:wrap}.demo-tab{display:inline-flex;align-items:center;min-height:44px;padding:var(--demo-space-2) var(--demo-space-4);border-radius:var(--demo-radius-sm);border:1px solid var(--demo-color-border);background:var(--demo-color-surface);color:var(--demo-color-text);font-size:var(--demo-fs-sm);font-weight:600;text-decoration:none}.demo-tab--active{background:var(--demo-color-text);border-color:var(--demo-color-text);color:#fff}.demo-tab:hover{border-color:var(--demo-color-text)}.demo-tab:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-content{padding:0 var(--demo-space-4) var(--demo-space-6);background:var(--demo-color-page-bg);color:var(--demo-color-text);font-size:var(--demo-fs-base)}@media (min-width: 1024px){.demo-content{padding:var(--demo-space-5) var(--demo-space-6) var(--demo-space-7)}}@media (max-width: 400px){.demo-content{padding-left:var(--demo-space-3);padding-right:var(--demo-space-3)}}.demo-content input,.demo-content textarea,.demo-content select{border-color:var(--demo-color-border-strong);border-radius:var(--demo-radius-sm);font-size:var(--demo-fs-sm);color:var(--demo-color-text);background:var(--demo-color-surface)}.demo-content input:focus-visible,.demo-content textarea:focus-visible,.demo-content select:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:1px}.demo-content button:focus-visible,.demo-content a:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-small{font-size:var(--demo-fs-xs);color:var(--demo-color-text-secondary)}.demo-status-pill{display:inline-flex;align-items:center;padding:var(--demo-space-1) var(--demo-space-3);border-radius:999px;font-size:var(--demo-fs-xs);font-weight:600;border:1px solid transparent;white-space:nowrap}.demo-status-pill--neutral{background:#f2f2f2;color:#555;border-color:#ddd}.demo-status-pill--info{background:#eaf1ff;color:#1d4ed8;border-color:#cfe0ff}.demo-status-pill--ok{background:#eafbf0;color:#157347;border-color:#bfe8cc}.demo-status-pill--warn{background:#fff7e6;color:#8a5b00;border-color:#ffe1a8}.demo-status-pill--bad{background:#ffecec;color:#7a1c1c;border-color:#f5b5b5}.demo-tech-home,.demo-tech-container{max-width:640px;margin:0 auto}@media (min-width: 1024px){.demo-tech-home,.demo-tech-container{max-width:800px}}@media (min-width: 1440px){.demo-tech-home,.demo-tech-container{max-width:880px}}.demo-page-title{margin:0 0 var(--demo-space-1) 0;font-size:var(--demo-fs-lg);font-weight:700;color:var(--demo-color-text)}.demo-page-subtitle{margin:0 0 var(--demo-space-4) 0;font-size:var(--demo-fs-xs);color:var(--demo-color-text-secondary)}.demo-job-header{background:var(--demo-color-surface);border:1px solid var(--demo-color-border);border-radius:var(--demo-radius-md);padding:var(--demo-space-4);margin-bottom:var(--demo-space-4);display:flex;flex-direction:column;gap:var(--demo-space-3)}.demo-job-header__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--demo-space-3);flex-wrap:wrap}.demo-job-header__customer{font-size:var(--demo-fs-lg);font-weight:700;color:var(--demo-color-text);line-height:1.2}.demo-job-header__badges{display:flex;gap:var(--demo-space-2);flex-wrap:wrap}.demo-job-header__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--demo-space-3)}.demo-job-header__meta-item{display:flex;flex-direction:column;gap:2px}.demo-job-header__meta-label{font-size:var(--demo-fs-2xs);text-transform:uppercase;letter-spacing:.4px;color:var(--demo-color-text-secondary)}.demo-job-header__meta-value{font-size:var(--demo-fs-sm);font-weight:600;color:var(--demo-color-text)}.demo-step-caption{font-size:var(--demo-fs-xs);font-weight:600;color:var(--demo-color-text-secondary);margin-bottom:var(--demo-space-2)}.demo-job-card{display:flex;flex-direction:column;gap:var(--demo-space-2);width:100%;text-align:left;padding:var(--demo-space-4);margin-bottom:var(--demo-space-3);border-radius:var(--demo-radius-md);border:1px solid var(--demo-color-border);background:var(--demo-color-surface);cursor:pointer;text-decoration:none;color:inherit;transition:border-color .15s ease}.demo-job-card:hover{border-color:var(--demo-color-border-strong)}.demo-job-card:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-job-card--primary{border:2px solid var(--demo-color-text);background:var(--demo-color-surface)}.demo-job-card--active{border-left:4px solid #157347}.demo-job-card--attention{border-left:4px solid #7a1c1c}.demo-job-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--demo-space-2)}.demo-job-card__customer{font-size:var(--demo-fs-md);font-weight:700;color:var(--demo-color-text);line-height:1.25}.demo-job-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--demo-space-1);font-size:var(--demo-fs-sm);color:var(--demo-color-text-secondary)}.demo-job-card__meta-sep{color:var(--demo-color-border-strong)}.demo-job-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--demo-space-2);flex-wrap:wrap}.demo-job-card__planned{display:flex;flex-direction:column;gap:2px}.demo-job-card__planned-label{font-size:var(--demo-fs-2xs);text-transform:uppercase;letter-spacing:.4px;color:var(--demo-color-text-secondary)}.demo-job-card__planned-value{font-size:var(--demo-fs-sm);font-weight:600;color:var(--demo-color-text)}.demo-job-card__cta{display:flex;align-items:center;justify-content:center;gap:var(--demo-space-2);min-height:44px;margin-top:var(--demo-space-1);padding:var(--demo-space-2) var(--demo-space-4);border-radius:var(--demo-radius-sm);background:var(--demo-color-text);color:#fff;font-size:var(--demo-fs-sm);font-weight:700}.demo-mgr-dashboard{max-width:1440px;margin:0 auto}.demo-panel{background:var(--demo-color-surface);border:1px solid var(--demo-color-border);border-radius:var(--demo-radius-md);padding:var(--demo-space-4);margin-bottom:var(--demo-space-5)}.demo-filter-chip{display:inline-flex;align-items:center;gap:var(--demo-space-2);min-height:44px;padding:var(--demo-space-1) var(--demo-space-4);margin-bottom:var(--demo-space-4);border-radius:999px;background:var(--demo-color-page-bg);border:1px solid var(--demo-color-border-strong);font-size:var(--demo-fs-xs);font-weight:600;color:var(--demo-color-text);cursor:pointer}.demo-filter-chip:hover{border-color:var(--demo-color-text)}.demo-filter-chip:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--demo-space-3);margin-bottom:var(--demo-space-5)}.demo-kpi-card{border:1px solid var(--demo-color-border);border-radius:var(--demo-radius-md);padding:var(--demo-space-3) var(--demo-space-4);background:var(--demo-color-surface);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s ease}.demo-kpi-card:hover{border-color:var(--demo-color-border-strong)}.demo-kpi-card:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-kpi-card--active{border:2px solid var(--demo-color-text)}.demo-kpi-card--tone-neutral{border-top:3px solid var(--demo-color-border-strong)}.demo-kpi-card--tone-info{border-top:3px solid #1d4ed8}.demo-kpi-card--tone-ok{border-top:3px solid #157347}.demo-kpi-card--tone-warn{border-top:3px solid #8a5b00}.demo-kpi-card--tone-bad{border-top:3px solid #7a1c1c}.demo-kpi-card__value{font-size:var(--demo-fs-2xl);font-weight:700;line-height:1.1;color:var(--demo-color-text)}.demo-kpi-card__label{font-size:var(--demo-fs-2xs);color:var(--demo-color-text-secondary);margin-top:var(--demo-space-1)}.demo-section-title{margin:0 0 var(--demo-space-2) 0;font-size:var(--demo-fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--demo-color-text-secondary)}.demo-detail-section{margin-bottom:var(--demo-space-5)}.demo-step-progress{display:flex;gap:var(--demo-space-2);margin-bottom:var(--demo-space-4);flex-wrap:wrap}.demo-step-progress__item{padding:var(--demo-space-2) var(--demo-space-4);border-radius:999px;font-size:var(--demo-fs-sm);font-weight:600;background:var(--demo-color-surface);color:var(--demo-color-text-secondary);border:1px solid var(--demo-color-border)}.demo-step-progress__item--active{background:var(--demo-color-text);color:#fff;border-color:var(--demo-color-text)}.demo-step-progress__item--done{background:#eafbf0;color:#157347;border-color:#bfe8cc}.demo-step-progress__item--done:before{content:"✓ "}.demo-active-panel{background:#eafbf0;border:1px solid #bfe8cc;border-radius:var(--demo-radius-md);padding:var(--demo-space-4);margin-bottom:var(--demo-space-4)}.demo-active-panel__label{font-size:var(--demo-fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#157347;margin-bottom:var(--demo-space-1)}.demo-active-panel__value{font-size:var(--demo-fs-md);font-weight:700;color:var(--demo-color-text)}.demo-action-row{display:flex;gap:var(--demo-space-2);flex-wrap:wrap}.demo-btn-primary{min-height:44px;padding:var(--demo-space-2) var(--demo-space-5);border-radius:var(--demo-radius-sm);border:none;background:var(--demo-color-text);color:#fff;font-size:var(--demo-fs-sm);font-weight:700;cursor:pointer;flex:1 1 auto}.demo-btn-primary:hover{filter:brightness(.92)}.demo-btn-primary:disabled{opacity:.6;cursor:not-allowed}.demo-btn-secondary{min-height:44px;padding:var(--demo-space-2) var(--demo-space-4);border-radius:var(--demo-radius-sm);border:1px solid var(--demo-color-border-strong);background:var(--demo-color-surface);color:var(--demo-color-text);font-size:var(--demo-fs-sm);font-weight:600;cursor:pointer}.demo-btn-secondary:hover{border-color:var(--demo-color-text)}.demo-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.demo-btn-primary:focus-visible,.demo-btn-secondary:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-signature-pad{display:block;width:100%;height:180px;border:1px dashed var(--demo-color-border-strong);border-radius:var(--demo-radius-md);background:var(--demo-color-surface)}.demo-table-scroll{width:100%;overflow-x:auto}.demo-workload-row{display:flex;flex-direction:column;gap:var(--demo-space-1);padding:var(--demo-space-3) 0;border-bottom:1px solid var(--demo-color-border)}.demo-workload-row:last-child{border-bottom:none}.demo-workload-row__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--demo-space-2)}.demo-workload-row__name{font-size:var(--demo-fs-sm);font-weight:600;color:var(--demo-color-text)}.demo-workload-row__total{font-size:var(--demo-fs-xs);font-weight:700;color:var(--demo-color-text-secondary)}.demo-workload-bar{display:flex;width:100%;height:8px;border-radius:999px;background:var(--demo-color-page-bg);overflow:hidden}.demo-workload-bar__segment--active{background:#157347}.demo-workload-bar__segment--fix{background:#7a1c1c}.demo-workload-row__meta{display:flex;gap:var(--demo-space-3);font-size:var(--demo-fs-2xs);color:var(--demo-color-text-secondary)}.demo-table-scroll thead th{position:sticky;top:0;background:var(--demo-color-surface);text-align:left;padding:var(--demo-space-3);font-size:var(--demo-fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--demo-color-text-secondary);border-bottom:2px solid var(--demo-color-border);z-index:1}.demo-table-scroll tbody td{padding:var(--demo-space-3);border-bottom:1px solid var(--demo-color-border);font-size:var(--demo-fs-sm);color:var(--demo-color-text)}.demo-table-scroll tbody tr:hover{background:var(--demo-color-page-bg)}.demo-table-scroll tbody tr:last-child td{border-bottom:none}.demo-table-cell--primary{font-weight:600}.demo-table-cell--secondary{color:var(--demo-color-text-secondary)}.demo-table-cell--numeric{font-variant-numeric:tabular-nums}.demo-table-action{display:inline-flex;align-items:center;gap:var(--demo-space-1);min-height:44px;padding:var(--demo-space-2) var(--demo-space-3);border-radius:var(--demo-radius-sm);border:1px solid var(--demo-color-border-strong);background:var(--demo-color-surface);color:var(--demo-color-text);font-size:var(--demo-fs-xs);font-weight:600;text-decoration:none}.demo-table-action:hover{border-color:var(--demo-color-text)}.demo-table-action:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}@media (max-width: 720px){.demo-subnav{flex-direction:column;align-items:stretch}}.demo-timeline-section{margin-top:var(--demo-space-5)}.demo-timeline{list-style:none;margin:0;padding:0}.demo-timeline__item{position:relative;padding:0 0 var(--demo-space-3) var(--demo-space-5);border-left:2px solid var(--demo-color-border)}.demo-timeline__item:last-child{border-left-color:transparent;padding-bottom:0}.demo-timeline__dot{position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--demo-color-border-strong)}.demo-timeline__title{font-size:var(--demo-fs-sm);font-weight:600;color:var(--demo-color-text)}.demo-timeline__time{font-size:var(--demo-fs-2xs);color:var(--demo-color-text-secondary);margin-top:2px}.demo-mgr-detail{max-width:1180px;margin:0 auto}.demo-status-banner{display:flex;align-items:center;gap:var(--demo-space-2);padding:var(--demo-space-3) var(--demo-space-4);border-radius:var(--demo-radius-md);font-size:var(--demo-fs-sm);font-weight:600;margin-bottom:var(--demo-space-4)}.demo-status-banner--neutral{background:#f2f2f2;color:#555;border:1px solid #ddd}.demo-status-banner--info{background:#eaf1ff;color:#1d4ed8;border:1px solid #cfe0ff}.demo-status-banner--ok{background:#eafbf0;color:#157347;border:1px solid #bfe8cc}.demo-status-banner--warn{background:#fff7e6;color:#8a5b00;border:1px solid #ffe1a8}.demo-status-banner--bad{background:#ffecec;color:#7a1c1c;border:1px solid #f5b5b5}.demo-report-card{background:var(--demo-color-page-bg);border-radius:var(--demo-radius-md);padding:var(--demo-space-3);margin-bottom:var(--demo-space-4)}.demo-report-card .demo-detail-section{background:var(--demo-color-surface);border:1px solid var(--demo-color-border);border-radius:var(--demo-radius-sm);padding:var(--demo-space-3) var(--demo-space-4);margin-bottom:var(--demo-space-3)}.demo-report-card .demo-detail-section:last-child{margin-bottom:0}.demo-btn-approve{min-height:44px;padding:var(--demo-space-2) var(--demo-space-6);border-radius:var(--demo-radius-sm);border:none;background:#157347;color:#fff;font-size:var(--demo-fs-sm);font-weight:700;cursor:pointer;flex:1 1 auto}.demo-btn-approve:hover{filter:brightness(.92)}.demo-btn-approve:disabled{opacity:.6;cursor:not-allowed}.demo-btn-approve:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-btn-reject{min-height:44px;padding:var(--demo-space-2) var(--demo-space-5);border-radius:var(--demo-radius-sm);border:1px solid #c0392b;background:var(--demo-color-surface);color:#c0392b;font-size:var(--demo-fs-sm);font-weight:600;cursor:pointer}.demo-btn-reject:hover{background:#ffecec}.demo-btn-reject:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-btn-reject-solid{min-height:44px;padding:var(--demo-space-2) var(--demo-space-4);border-radius:var(--demo-radius-sm);border:none;background:#c0392b;color:#fff;font-size:var(--demo-fs-sm);font-weight:700;cursor:pointer}.demo-btn-reject-solid:hover{filter:brightness(.92)}.demo-btn-reject-solid:disabled{opacity:.6;cursor:not-allowed}.demo-btn-reject-solid:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.demo-root{padding-bottom:env(safe-area-inset-bottom)}.demo-skip-link{position:fixed;top:max(var(--demo-space-2),env(safe-area-inset-top));left:max(var(--demo-space-2),env(safe-area-inset-left));z-index:1000;transform:translateY(-160%);padding:var(--demo-space-2) var(--demo-space-3);border-radius:var(--demo-radius-sm);background:var(--demo-color-text);color:var(--demo-color-surface);font-weight:700;text-decoration:none}.demo-skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--demo-color-focus);outline-offset:2px}.demo-content:focus{outline:none}.demo-job-list{display:grid;gap:var(--demo-space-3)}.demo-tech-container>.demo-small:first-child{display:inline-flex;align-items:center;min-height:44px;margin-bottom:var(--demo-space-2);font-weight:600}.demo-tech-container .demo-detail-section{padding:var(--demo-space-4);border:1px solid var(--demo-color-border);border-radius:var(--demo-radius-md);background:var(--demo-color-surface)}.demo-tech-container .demo-detail-section label{color:var(--demo-color-text)}.demo-tech-container .touch-input{width:100%;border:1px solid var(--demo-color-border-strong)!important;background:var(--demo-color-surface);color:var(--demo-color-text);line-height:1.45;box-sizing:border-box}.demo-tech-container textarea.touch-input{min-height:104px;padding:var(--demo-space-3);resize:vertical}.demo-tech-container input.touch-input{padding-left:var(--demo-space-3);padding-right:var(--demo-space-3)}.demo-tech-container .demo-step-progress{padding-bottom:2px;padding-left:0;list-style:none}.demo-tech-container .demo-step-progress__item[aria-current=step]{font-weight:700}.demo-tech-container .demo-field-help{margin:var(--demo-space-2) 0 0;color:var(--demo-color-text-secondary);font-size:var(--demo-fs-xs);line-height:1.45}.demo-tech-container .demo-signature-pad{box-shadow:inset 0 0 0 1px #1c1f2605}.demo-tech-container .demo-action-row{margin-top:var(--demo-space-3)}.demo-tech-container .demo-btn-primary,.demo-tech-container .demo-btn-secondary,.demo-tech-container .demo-btn-reject{min-height:48px}.demo-mgr-dashboard .demo-page-title{font-size:var(--demo-fs-xl);letter-spacing:-.02em}.demo-mgr-dashboard .demo-page-subtitle{max-width:760px;line-height:1.55}.demo-mgr-dashboard .demo-kpi-grid{align-items:stretch}.demo-mgr-dashboard .demo-kpi-card{min-height:116px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px #1c1f260a}.demo-mgr-dashboard .demo-kpi-card__value{font-variant-numeric:tabular-nums}.demo-mgr-dashboard .demo-panel{box-shadow:0 1px 2px #1c1f260a}.demo-mgr-dashboard .demo-section-title{font-size:var(--demo-fs-sm);color:var(--demo-color-text);letter-spacing:0;text-transform:none}.demo-mgr-dashboard .demo-workload-row{gap:var(--demo-space-2);padding:var(--demo-space-4) 0}.demo-mgr-dashboard .demo-workload-bar{height:10px}.demo-mgr-dashboard .demo-table-scroll{border:1px solid var(--demo-color-border);border-radius:var(--demo-radius-sm);background:var(--demo-color-surface)}.demo-mgr-dashboard .demo-table-scroll:focus-visible{outline:3px solid var(--demo-color-focus);outline-offset:2px}.demo-mgr-dashboard .demo-table-scroll table{min-width:920px}.demo-mgr-dashboard .demo-table-scroll tbody tr{transition:background-color .15s ease}.demo-mgr-dashboard .demo-table-action{justify-content:center;min-width:76px}@media (max-width: 720px){.demo-header{align-items:stretch;padding-top:max(var(--demo-space-3),env(safe-area-inset-top));padding-right:max(var(--demo-space-3),env(safe-area-inset-right));padding-bottom:var(--demo-space-3);padding-left:max(var(--demo-space-3),env(safe-area-inset-left))}.demo-header__brand,.demo-header__session{justify-content:space-between;width:100%}.demo-banner{margin-left:max(var(--demo-space-3),env(safe-area-inset-left));margin-right:max(var(--demo-space-3),env(safe-area-inset-right))}.demo-subnav,.demo-content{padding-left:max(var(--demo-space-3),env(safe-area-inset-left));padding-right:max(var(--demo-space-3),env(safe-area-inset-right))}.demo-content input,.demo-content textarea,.demo-content select{font-size:var(--demo-fs-base)}.demo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.demo-tab{justify-content:center;text-align:center}.demo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--demo-space-2)}.demo-kpi-card{min-width:0;padding:var(--demo-space-3)}.demo-kpi-card__value{font-size:var(--demo-fs-xl)}.demo-panel{padding:var(--demo-space-3)}.demo-table-scroll{overscroll-behavior-inline:contain;scrollbar-gutter:stable;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.demo-tech-container .demo-step-progress{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.demo-tech-container .demo-step-progress__item{flex:0 0 auto}.demo-mgr-dashboard .demo-page-title{font-size:var(--demo-fs-lg)}.demo-mgr-dashboard .demo-kpi-card{min-height:104px}.demo-mgr-dashboard .demo-filter-chip{max-width:100%}}@media (max-width: 560px){.demo-job-card{padding:var(--demo-space-3)}.demo-job-card__header,.demo-job-card__footer,.demo-job-header__top{align-items:stretch;flex-direction:column}.demo-job-card__header .demo-status-pill,.demo-job-header__badges .demo-status-pill{align-self:flex-start}.demo-job-header__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-tech-container .demo-detail-section{padding:var(--demo-space-3);margin-bottom:var(--demo-space-3)}.demo-tech-container textarea.touch-input{min-height:120px}.demo-action-row{flex-direction:column}.demo-action-row>.demo-btn-primary,.demo-action-row>.demo-btn-secondary,.demo-action-row>.demo-btn-approve,.demo-action-row>.demo-btn-reject,.demo-action-row>.demo-btn-reject-solid{width:100%}.demo-workload-row__meta{flex-direction:column;gap:2px}.demo-mgr-dashboard .demo-panel{margin-bottom:var(--demo-space-4)}.demo-mgr-dashboard .demo-workload-row__top{align-items:flex-start}}@media (max-width: 380px){.demo-tabs,.demo-kpi-grid,.demo-job-header__meta{grid-template-columns:1fr}.demo-header__brand{align-items:flex-start;flex-direction:column}.demo-mgr-dashboard .demo-kpi-card{min-height:92px}}.demo-root[data-demo-theme=light]{color-scheme:light}.demo-root[data-demo-theme=dark]{color-scheme:dark;--demo-color-page-bg: #080b10;--demo-color-surface: #11161e;--demo-color-text: #f4f6f8;--demo-color-text-secondary: #98a2b3;--demo-color-border: rgba(255, 255, 255, .09);--demo-color-border-strong: rgba(255, 255, 255, .18);--demo-color-focus: #78a2ff}.demo-header__actions{display:flex;align-items:center;gap:var(--demo-space-3);flex-wrap:wrap}.demo-theme-control{display:inline-flex;align-items:center;gap:var(--demo-space-2);min-height:40px;padding:4px 6px 4px 10px;border:1px solid var(--demo-color-border);border-radius:999px;background:var(--demo-color-surface);color:var(--demo-color-text-secondary)}.demo-theme-control__label{font-size:var(--demo-fs-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.demo-theme-control__select{min-height:32px;padding:0 28px 0 10px;border:0;border-radius:999px;outline:0;background:color-mix(in srgb,var(--demo-color-text) 7%,transparent);color:var(--demo-color-text);font:inherit;font-size:var(--demo-fs-xs);font-weight:700;cursor:pointer}.demo-theme-control__select:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:2px}.demo-root[data-demo-theme=dark] .demo-header,.demo-root[data-demo-theme=dark] .demo-content{background:var(--demo-color-page-bg)}.demo-root[data-demo-theme=dark] .demo-header{background:#0c1016f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-root[data-demo-theme=dark] .demo-banner{border-color:#f4a62a38;background:#f4a62a14;color:#f0c36a}.demo-root[data-demo-theme=dark] .demo-tab--active,.demo-root[data-demo-theme=dark] .demo-job-card__cta,.demo-root[data-demo-theme=dark] .demo-header__tag{background:#f4f6f8;border-color:#f4f6f8;color:#0a0d12}.demo-root[data-demo-theme=dark] .demo-status-pill--neutral{border-color:#ffffff1a;background:#ffffff0f;color:#c2c8d0}.demo-root[data-demo-theme=dark] .demo-status-pill--info{border-color:#5b8cff47;background:#5b8cff1f;color:#a9c0ff}.demo-root[data-demo-theme=dark] .demo-status-pill--ok{border-color:#35c77a47;background:#35c77a1f;color:#75dfa4}.demo-root[data-demo-theme=dark] .demo-status-pill--warn{border-color:#f4a62a47;background:#f4a62a1f;color:#f0c36a}.demo-root[data-demo-theme=dark] .demo-status-pill--bad{border-color:#ef5a5a47;background:#ef5a5a1f;color:#ff9b9b}.demo-root[data-demo-theme=dark] .demo-job-card,.demo-root[data-demo-theme=dark] .demo-job-header{box-shadow:0 18px 50px #0000002e}@media (max-width: 640px){.demo-header__actions{width:100%;justify-content:space-between}.demo-theme-control{flex:1 1 auto;justify-content:space-between}.demo-theme-control__select{min-width:108px}}.demo-mgr-v2{--mgr-panel: color-mix(in srgb, var(--demo-color-surface) 96%, transparent);--mgr-panel-soft: color-mix( in srgb, var(--demo-color-surface) 90%, transparent );--mgr-border: var(--demo-color-border);--mgr-text: var(--demo-color-text);--mgr-muted: color-mix( in srgb, var(--demo-color-text-secondary) 88%, var(--mgr-text) );--mgr-blue: #4f7fe8;--mgr-green: #2f9d68;--mgr-amber: #b7791f;--mgr-red: #c94a4a;min-height:100vh;margin:calc(var(--demo-space-5) * -1) calc(var(--demo-space-6) * -1) calc(var(--demo-space-7) * -1);padding:28px 32px 36px;background:var(--demo-color-page-bg);color:var(--mgr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-mgr-v2__intro,.demo-mgr-v2__panel-head,.demo-mgr-v2__plan-row,.demo-mgr-v2__attention-row,.demo-mgr-v2__city-row{display:flex;align-items:center}.demo-mgr-v2__intro{justify-content:space-between;gap:24px;margin-bottom:18px}.demo-mgr-v2__eyebrow{margin:0 0 5px;color:var(--mgr-blue);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.demo-mgr-v2__title{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.08;letter-spacing:-.035em}.demo-mgr-v2__subtitle{max-width:720px;margin:8px 0 0;color:var(--mgr-muted);font-size:13px;line-height:1.5}.demo-mgr-v2__primary-action,.demo-mgr-v2__row-action,.demo-mgr-v2__text-link{text-decoration:none}.demo-mgr-v2__primary-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;background:var(--mgr-blue);color:#fff;font-size:12px;font-weight:750;white-space:nowrap}.demo-mgr-v2__kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px;overflow:hidden;border:1px solid var(--mgr-border);border-radius:12px;background:var(--mgr-panel)}.demo-mgr-v2__kpi-item{min-width:0;padding:12px 14px 11px;border-right:1px solid var(--mgr-border)}.demo-mgr-v2__kpi-item:last-child{border-right:0}.demo-mgr-v2__kpi-item--attention{background:color-mix(in srgb,var(--mgr-red) 7%,var(--mgr-panel))}.demo-mgr-v2__kpi-label,.demo-mgr-v2__kpi-meta,.demo-mgr-v2__plan-label{display:block}.demo-mgr-v2__kpi-label{color:var(--mgr-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.demo-mgr-v2__kpi-value{display:block;margin:4px 0 2px;font-size:25px;font-weight:780;line-height:1;letter-spacing:-.035em}.demo-mgr-v2__kpi-item--attention .demo-mgr-v2__kpi-value{color:var(--mgr-red)}.demo-mgr-v2__kpi-meta{overflow:hidden;color:var(--mgr-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.demo-mgr-v2__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.3fr);gap:14px;align-items:start}.demo-mgr-v2__main-column,.demo-mgr-v2__side-column{display:grid;gap:14px}.demo-mgr-v2__panel{overflow:hidden;border:1px solid var(--mgr-border);border-radius:12px;background:var(--mgr-panel)}.demo-mgr-v2__panel-head{justify-content:space-between;gap:16px;min-height:58px;padding:12px 14px;border-bottom:1px solid var(--mgr-border)}.demo-mgr-v2__panel-head--compact{min-height:54px}.demo-mgr-v2__panel-title{margin:0;font-size:14px;font-weight:760;letter-spacing:-.015em}.demo-mgr-v2__panel-meta{margin:3px 0 0;color:var(--mgr-muted);font-size:11px;line-height:1.4}.demo-mgr-v2__count-badge{flex:0 0 auto;padding:5px 8px;border:1px solid var(--mgr-border);border-radius:999px;color:var(--mgr-muted);font-size:10px;font-weight:700}.demo-mgr-v2__attention-list,.demo-mgr-v2__plan-list{display:grid}.demo-mgr-v2__attention-row{position:relative;min-height:57px;gap:12px;padding:9px 12px 9px 15px;border-bottom:1px solid var(--mgr-border)}.demo-mgr-v2__attention-row:last-child,.demo-mgr-v2__plan-row:last-child{border-bottom:0}.demo-mgr-v2__attention-row:before{position:absolute;inset:0 auto 0 0;width:3px;content:""}.demo-mgr-v2__attention-row--bad:before{background:var(--mgr-red)}.demo-mgr-v2__attention-row--warn:before{background:var(--mgr-amber)}.demo-mgr-v2__attention-row--info:before{background:var(--mgr-blue)}.demo-mgr-v2__attention-number{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:9px;background:var(--mgr-panel-soft);font-size:14px;font-weight:800}.demo-mgr-v2__attention-copy{min-width:0;flex:1}.demo-mgr-v2__attention-copy h3{margin:0;font-size:12px;font-weight:760}.demo-mgr-v2__attention-copy p{margin:2px 0 0;overflow:hidden;color:var(--mgr-muted);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.demo-mgr-v2__row-action{display:inline-flex;min-height:34px;flex:0 0 auto;align-items:center;justify-content:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--mgr-blue) 35%,var(--mgr-border));border-radius:8px;background:color-mix(in srgb,var(--mgr-blue) 8%,transparent);color:var(--mgr-blue);font-size:10px;font-weight:760;white-space:nowrap}.demo-mgr-v2__plan-row{min-height:62px;gap:12px;padding:9px 12px;border-bottom:1px solid var(--mgr-border);color:inherit;text-decoration:none}.demo-mgr-v2__plan-row:hover,.demo-mgr-v2__attention-row:hover{background:color-mix(in srgb,var(--mgr-blue) 4%,transparent)}.demo-mgr-v2__plan-row--unassigned{background:color-mix(in srgb,var(--mgr-amber) 8%,transparent)}.demo-mgr-v2__plan-time{width:45px;flex:0 0 45px;font-size:13px;font-weight:800}.demo-mgr-v2__plan-customer{min-width:0;flex:1}.demo-mgr-v2__plan-customer strong,.demo-mgr-v2__plan-customer span{display:block}.demo-mgr-v2__plan-customer strong{overflow:hidden;font-size:12px;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.demo-mgr-v2__plan-customer span{margin-top:2px;overflow:hidden;color:var(--mgr-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.demo-mgr-v2__plan-tech{width:126px;flex:0 0 126px}.demo-mgr-v2__plan-label{margin-bottom:2px;color:var(--mgr-muted);font-size:9px;font-weight:700;text-transform:uppercase}.demo-mgr-v2__plan-tech strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.demo-mgr-v2__plan-status{display:flex;min-width:190px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:5px}.demo-mgr-v2__panel-footer{padding:9px 12px;border-top:1px solid var(--mgr-border);text-align:right}.demo-mgr-v2__text-link{color:var(--mgr-blue);font-size:10px;font-weight:740}.demo-mgr-v2__people-stats{margin:0}.demo-mgr-v2__people-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--mgr-border)}.demo-mgr-v2__people-stats dt{color:var(--mgr-muted);font-size:10px}.demo-mgr-v2__people-stats dd{margin:0;font-size:11px;font-weight:760;text-align:right}.demo-mgr-v2__people-note,.demo-mgr-v2__field-note{margin:0;padding:10px 12px;color:var(--mgr-muted);font-size:10px;line-height:1.45}.demo-mgr-v2__people-note{border-top:1px solid var(--mgr-border)}.demo-mgr-v2__city-list{display:grid}.demo-mgr-v2__city-row{justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid var(--mgr-border);font-size:10px}.demo-mgr-v2__city-row strong{font-size:10px}.demo-mgr-v2__field-note+.demo-mgr-v2__text-link{display:inline-flex;margin:0 12px 12px}.demo-mgr-v2__empty{padding:18px;color:var(--mgr-muted);font-size:11px;text-align:center}@media (max-width: 1050px){.demo-mgr-v2__layout{grid-template-columns:1fr}.demo-mgr-v2__side-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.demo-mgr-v2{margin:0 -16px -32px;padding:20px 16px 30px}.demo-mgr-v2__intro{align-items:flex-start;flex-direction:column}.demo-mgr-v2__kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-mgr-v2__kpi-item{border-bottom:1px solid var(--mgr-border)}.demo-mgr-v2__kpi-item:nth-child(2n){border-right:0}.demo-mgr-v2__kpi-item:last-child{grid-column:1 / -1;border-bottom:0}.demo-mgr-v2__side-column{grid-template-columns:1fr}.demo-mgr-v2__attention-row,.demo-mgr-v2__plan-row{align-items:flex-start;flex-wrap:wrap}.demo-mgr-v2__row-action{margin-left:44px}.demo-mgr-v2__plan-time{width:auto;flex-basis:48px}.demo-mgr-v2__plan-tech{width:auto;flex:1 1 120px}.demo-mgr-v2__plan-status{min-width:0;flex:1 1 100%;justify-content:flex-start;margin-left:60px}}@media (max-width: 520px){.demo-mgr-v2__kpi-strip{grid-template-columns:1fr}.demo-mgr-v2__kpi-item,.demo-mgr-v2__kpi-item:nth-child(2n){border-right:0;border-bottom:1px solid var(--mgr-border)}.demo-mgr-v2__kpi-item:last-child{grid-column:auto;border-bottom:0}.demo-mgr-v2__attention-copy p{white-space:normal}.demo-mgr-v2__row-action,.demo-mgr-v2__plan-status{margin-left:0}}.demo-empty-state{display:flex;align-items:flex-start;gap:var(--demo-space-3);padding:var(--demo-space-4);border:1px dashed var(--demo-color-border-strong);border-radius:var(--demo-radius-md);background:var(--demo-color-surface)}.demo-empty-state__icon{display:grid;flex:0 0 40px;width:40px;height:40px;place-items:center;border-radius:999px;background:var(--demo-color-surface-muted);color:var(--demo-color-text);font-weight:800}.demo-empty-state__title{margin:0 0 var(--demo-space-1);color:var(--demo-color-text);font-weight:700}.demo-empty-state__description{margin:0;color:var(--demo-color-text-secondary);line-height:1.55}@media (max-width: 560px){.demo-empty-state{padding:var(--demo-space-3)}}.demo-tech-home-v2{max-width:430px;margin:0 auto;background:var(--demo-color-page-bg);color:var(--demo-color-text)}.demo-tech-home-v2__intro{padding:26px 22px 22px}.demo-tech-home-v2__intro h1{margin:0;font-size:clamp(2rem,8vw,2.4rem);line-height:1.02;letter-spacing:-.02em}.demo-tech-home-v2__intro p{margin:8px 0 0;color:var(--demo-color-text-secondary);font-size:.925rem}.demo-tech-active{padding:22px;background:var(--demo-color-text);color:var(--demo-color-surface)}.demo-tech-active__eyebrow,.demo-tech-attention__eyebrow,.demo-tech-upcoming>h2{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em}.demo-tech-active__eyebrow{display:flex;align-items:center;gap:9px;color:#9fc0df}.demo-tech-active__eyebrow span{width:7px;height:7px;background:#8fb2d4}.demo-tech-active h2,.demo-tech-attention h2{margin:12px 0 0;font-size:2rem;line-height:1.05}.demo-tech-active__machine{margin:5px 0 0;font-size:1rem}.demo-tech-active__meta{margin:3px 0 0;color:#c6c8cb;font-size:.9rem}.demo-tech-active__status{margin:16px 0 0;color:#d8d9db;font-size:.9rem}.demo-tech-primary-action,.demo-tech-secondary-action{display:flex;align-items:center;justify-content:center;min-height:56px;margin-top:20px;padding:0 18px;font-weight:700;text-decoration:none}.demo-tech-primary-action{justify-content:space-between;background:#d8e6f2;color:#1c1f26}.demo-tech-secondary-action{min-height:52px;margin-top:16px;border:1px solid #b97069;background:transparent;color:#6f2d28}.demo-tech-attention{margin-top:14px;padding:22px;border-left:4px solid #a6413a;background:#f7e9e7;color:#6f2d28}.demo-tech-attention__eyebrow{color:#8c3831}.demo-tech-attention h2{font-size:1.7rem}.demo-tech-attention p{margin:6px 0 0;font-size:.92rem;line-height:1.45}.demo-tech-upcoming{padding:26px 22px 30px}.demo-tech-upcoming>h2{color:var(--demo-color-text-secondary)}.demo-tech-upcoming__list{margin-top:8px}.demo-tech-upcoming__row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:68px;border-bottom:1px solid var(--demo-color-border);color:inherit;text-decoration:none}.demo-tech-upcoming__row:last-child{border-bottom:0}.demo-tech-upcoming__row time{font-size:1.08rem;font-weight:700;font-variant-numeric:tabular-nums}.demo-tech-upcoming__job{display:flex;min-width:0;flex-direction:column;gap:2px}.demo-tech-upcoming__job strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem}.demo-tech-upcoming__job>span{color:var(--demo-color-text-secondary);font-size:.86rem}.demo-tech-upcoming__priority{color:var(--demo-color-text-secondary);font-size:.78rem;font-weight:700}.demo-tech-upcoming__priority--yuksek,.demo-tech-upcoming__priority--acil{color:#8c3831}.demo-tech-home-v2 a:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:3px}@media (max-width: 400px){.demo-tech-home-v2__intro,.demo-tech-active,.demo-tech-attention,.demo-tech-upcoming{padding-left:18px;padding-right:18px}.demo-tech-upcoming__row{grid-template-columns:52px minmax(0,1fr) auto;gap:10px}}@media (prefers-reduced-motion: reduce){.demo-tech-home-v2 *{scroll-behavior:auto}}.demo-tech-job-v2{--tech-v2-accent: #5980a6;--tech-v2-accent-strong: #33587e;--tech-v2-accent-soft: #dbe4ed;--tech-v2-muted-surface: #e7e7e9;--tech-v2-action-text: #ffffff;display:flex;min-height:720px;max-width:430px;margin:0 auto;flex-direction:column;background:var(--demo-color-page-bg);color:var(--demo-color-text)}.demo-tech-job-v2__toolbar{display:flex;align-items:center;gap:14px;min-height:48px;padding:0 22px;border:0;background:transparent;color:var(--demo-color-text-secondary);font:inherit;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer}.demo-tech-job-v2__toolbar svg{color:var(--demo-color-text)}.demo-tech-job-v2__hero{padding:14px 22px 24px}.demo-tech-job-v2__hero h1{margin:0;font-size:clamp(2rem,9vw,2.35rem);line-height:1.03;letter-spacing:-.02em}.demo-tech-job-v2__machine{margin:6px 0 0;font-size:1.05rem}.demo-tech-job-v2__stage{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:6px 11px;background:var(--tech-v2-accent-soft);color:var(--tech-v2-accent-strong);font-size:.84rem;font-weight:700}.demo-tech-job-v2__stage:before{width:7px;height:7px;background:var(--tech-v2-accent);content:""}.demo-tech-job-v2__facts{display:flex;flex-direction:column;gap:18px;padding:0 22px 24px}.demo-tech-job-v2__fact{display:flex;gap:14px;align-items:flex-start}.demo-tech-job-v2__fact svg{flex:none;margin-top:2px;color:var(--tech-v2-accent)}.demo-tech-job-v2__fact-value{font-size:1rem;line-height:1.35}.demo-tech-job-v2__fact-meta{margin-top:2px;color:var(--demo-color-text-secondary);font-size:.88rem}.demo-tech-job-v2__description,.demo-tech-job-v2__checks{padding:20px 22px;background:var(--tech-v2-muted-surface)}.demo-tech-job-v2__section-label{margin:0;color:var(--demo-color-text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.14em}.demo-tech-job-v2__description p{margin:8px 0 0;font-size:.98rem;line-height:1.55}.demo-tech-job-v2__history{padding:22px}.demo-tech-job-v2__history-row{margin-top:10px;color:var(--demo-color-text-secondary);font-size:.94rem;line-height:1.45}.demo-tech-job-v2__footer{margin-top:auto;padding:18px 22px 26px;border-top:1px solid var(--demo-color-border);background:var(--demo-color-page-bg)}.demo-tech-job-v2__primary{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:10px;border:0;background:var(--tech-v2-accent);color:var(--tech-v2-action-text);font:inherit;font-size:1.03rem;font-weight:700;cursor:pointer}.demo-tech-job-v2__primary:hover{filter:brightness(.96)}.demo-tech-job-v2__primary:focus-visible,.demo-tech-job-v2__toolbar:focus-visible,.demo-tech-job-v2__check:focus-visible{outline:2px solid var(--demo-color-focus);outline-offset:3px}.demo-tech-job-v2__checkin-summary{padding:14px 22px 26px}.demo-tech-job-v2__checkin-summary h1{margin:0;font-size:clamp(2rem,9vw,2.35rem);line-height:1.03;letter-spacing:-.02em}.demo-tech-job-v2__checkin-summary p{margin:6px 0 0;font-size:1.05rem}.demo-tech-job-v2__checkin-meta{margin-top:12px;color:var(--demo-color-text-secondary);font-size:.94rem;line-height:1.5}.demo-tech-job-v2__checks-note{margin:5px 0 10px;color:var(--demo-color-text-secondary);font-size:.84rem;line-height:1.45}.demo-tech-job-v2__check{display:flex;width:100%;min-height:56px;align-items:center;gap:14px;padding:8px 0;border:0;border-top:1px solid var(--demo-color-border);background:transparent;color:var(--demo-color-text);font:inherit;font-size:1rem;text-align:left;cursor:pointer}.demo-tech-job-v2__check:first-of-type{border-top:0}.demo-tech-job-v2__check-box{display:grid;width:24px;height:24px;flex:none;place-items:center;border:1.5px solid var(--demo-color-border-strong)}.demo-tech-job-v2__check[aria-pressed=true] .demo-tech-job-v2__check-box{border-color:var(--tech-v2-accent);background:var(--tech-v2-accent);color:#fff}.demo-tech-job-v2__validation{margin:0 0 12px;color:#8c3831;font-size:.88rem;font-weight:700}.demo-root[data-demo-theme=dark] .demo-tech-job-v2{--tech-v2-accent: #7fa3c7;--tech-v2-accent-strong: #b9d0e6;--tech-v2-accent-soft: #243545;--tech-v2-muted-surface: #212426;--tech-v2-action-text: #12181f}@media (max-width: 400px){.demo-tech-job-v2__toolbar,.demo-tech-job-v2__hero,.demo-tech-job-v2__facts,.demo-tech-job-v2__description,.demo-tech-job-v2__history,.demo-tech-job-v2__footer,.demo-tech-job-v2__checkin-summary,.demo-tech-job-v2__checks{padding-left:18px;padding-right:18px}}