:root{--bg: #090c14;--bg-glow-1: rgba(99, 102, 241, .16);--bg-glow-2: rgba(34, 211, 238, .1);--panel: rgba(19, 23, 41, .86);--panel-raised: rgba(28, 33, 56, .92);--panel-solid: #131728;--border: rgba(148, 163, 210, .14);--border-strong: rgba(148, 163, 210, .28);--text: #eef0fb;--text-muted: #9ba3c4;--text-faint: #6a7196;--accent: #8b5cf6;--accent-2: #6366f1;--accent-3: #22d3ee;--accent-strong: #a78bfa;--gradient: linear-gradient(120deg, #6366f1 0%, #8b5cf6 48%, #22d3ee 100%);--gradient-soft: linear-gradient(120deg, rgba(99, 102, 241, .18), rgba(34, 211, 238, .14));--danger: #fb7185;--danger-soft: rgba(251, 113, 133, .16);--ok: #34d399;--ok-soft: rgba(52, 211, 153, .16);--medium: #fbbf24;--medium-soft: rgba(251, 191, 36, .16);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 16px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(900px 500px at 88% -8%,var(--bg-glow-1),transparent 60%),radial-gradient(700px 500px at 5% 10%,var(--bg-glow-2),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100%;display:flex;flex-direction:column}.page{width:100%;max-width:1180px;margin:0 auto;padding:40px 24px 80px}.page--narrow{max-width:640px}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#090c14c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.nav__brand{display:flex;align-items:center;gap:10px}.nav__mark{font-family:var(--font-mono);font-weight:700;font-size:13px;background:var(--gradient);color:#0a0d18;padding:6px 9px;border-radius:8px;letter-spacing:.02em;box-shadow:0 4px 14px #6366f159}.nav__wordmark{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em}.nav__links{display:flex;gap:4px}.nav__link{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--text-muted);transition:all .15s ease}.nav__link:hover{color:var(--text)}.nav__link.is-active{background:var(--panel-raised);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--border-strong)}.hero{margin-bottom:28px;position:relative;border-radius:20px;padding:36px;overflow:hidden;background:linear-gradient(150deg,#6366f138,#0a0d18a6 55%),url(https://picsum.photos/seed/fixflow-ops/1600/700) center/cover;border:1px solid var(--border)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#090c14eb,#090c14b8 45%,#090c1466);z-index:0}.hero>*{position:relative;z-index:1}.hero--portal{background:linear-gradient(150deg,#22d3ee33,#0a0d18a6 55%),url(https://picsum.photos/seed/fixflow-teams/1600/700) center/cover}.hero__eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 12px;display:inline-block}.hero h1{font-family:var(--font-display);font-size:clamp(28px,5vw,42px);line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 14px}.hero__sub{color:var(--text-muted);font-size:16px;line-height:1.55;max-width:56ch;margin:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.form{display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:13px;font-weight:600;color:var(--text-muted)}.field__textarea,.field__input{background:#090c1499;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font-family:var(--font-body);font-size:15px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.field__textarea:focus,.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf62e}.field__input--select{cursor:pointer}.field__toolbar{display:flex;gap:8px;flex-wrap:wrap}.photo-preview{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);max-width:260px}.photo-preview img{display:block;width:100%;height:auto}.photo-preview__remove{position:absolute;top:8px;right:8px;background:#090c14d9;color:var(--text);border:1px solid var(--border-strong);border-radius:999px;font-size:12px;padding:4px 10px;cursor:pointer}.error-text{color:var(--danger);font-size:14px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);background:var(--panel-raised);color:var(--text);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn:hover:not(:disabled){border-color:var(--accent-strong);color:var(--accent-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--gradient);border-color:transparent;color:#0a0d18;font-weight:600;box-shadow:0 6px 18px #6366f14d}.btn--primary:hover:not(:disabled){filter:brightness(1.08);color:#0a0d18}.btn--full{width:100%;padding:13px 16px;font-size:15px}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn--danger-outline{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--danger-outline:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn--tiny{padding:6px 12px;font-size:12.5px;border-radius:6px}.btn--active{background:var(--gradient);border-color:transparent;color:#0a0d18}.btn--recording{border-color:var(--danger);color:var(--danger)}.btn--upload{cursor:pointer}.confirm-banner{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.confirm-banner__icon{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:flex;align-items:center;justify-content:center;font-weight:700}.confirm-banner h2{font-family:var(--font-display);margin:0 0 4px;font-size:22px}.confirm-banner p{margin:0;color:var(--text-muted)}.confirm-actions{display:flex;gap:10px;margin-top:20px}.confirm-panel{margin-top:20px}.confirm-panel h3{font-family:var(--font-display);margin:0 0 6px}.confirm-panel p{color:var(--text-muted);margin:0 0 16px}.confirm-panel__actions{display:flex;gap:10px}.confirm-panel--done{border-color:var(--ok)}.track-title{font-family:var(--font-mono);font-size:28px;margin:0 0 18px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.badge{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:3px 9px;border-radius:999px;display:inline-block}.badge--high{background:var(--danger-soft);color:var(--danger)}.badge--medium{background:var(--medium-soft);color:var(--medium)}.badge--low{background:var(--ok-soft);color:var(--ok)}.badge--escalated{background:var(--danger);color:#0a0d18}.stub__link{display:block}.stub{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:14px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stub__link:hover .stub{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 10px 30px #0a0d1880}.stub--escalated{border-color:var(--danger);box-shadow:0 0 0 1px #fb718540}.stub__top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel-raised);border-bottom:1px solid var(--border)}.stub__barcode{display:flex;align-items:center;gap:2px;height:16px;opacity:.5}.stub__barcode span{display:inline-block;height:100%;background:var(--text-muted)}.stub__id{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent-strong);letter-spacing:.02em}.stub__perforation{height:0;border-top:1px dashed var(--border-strong);position:relative}.stub__perforation:before,.stub__perforation:after{content:"";position:absolute;top:-6px;width:12px;height:12px;background:var(--bg);border-radius:50%}.stub__perforation:before{left:-6px}.stub__perforation:after{right:-6px}.stub__body{padding:16px}.stub__row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.stub__category{font-size:12.5px;color:var(--text-muted);font-weight:500}.stub__problem{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 4px;line-height:1.3}.stub__location{font-size:13.5px;color:var(--text-muted);margin:0 0 6px}.stub__summary{font-size:13.5px;color:var(--text-muted);margin:0 0 12px;line-height:1.45}.stub__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint);margin-bottom:14px;flex-wrap:wrap}.stub__team{display:inline-flex;align-items:center;gap:5px}.stub__dot{opacity:.5}.stub__offline{font-family:var(--font-mono);background:var(--panel-raised);padding:1px 6px;border-radius:4px;font-size:10.5px}.stub__progress{display:flex;gap:4px;margin-bottom:4px}.stub__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.stub__step-dot{width:100%;height:3px;border-radius:3px;background:var(--border)}.stub__step.is-done .stub__step-dot{background:var(--gradient)}.stub__step-label{font-size:9.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}.stub__step.is-done .stub__step-label{color:var(--text-muted)}.stub__controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.dash-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}.dash-header__title{font-family:var(--font-display);font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-.01em;margin:0;max-width:40ch}.dash-stats{display:flex;gap:20px}.dash-stat{display:flex;flex-direction:column;align-items:flex-end}.dash-stat__value{font-family:var(--font-mono);font-size:26px;font-weight:600}.dash-stat__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.dash-stat--danger .dash-stat__value{color:var(--danger)}.dash-controls{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.checkbox{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-muted);cursor:pointer}.empty-state{color:var(--text-muted);padding:40px 0;text-align:center}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.column{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-height:200px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.column--high{border-top:3px solid var(--danger)}.column--medium{border-top:3px solid var(--medium)}.column--low{border-top:3px solid var(--ok)}.column__header{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:600;font-size:14px;margin-bottom:12px;padding:0 4px}.column__count{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.column__empty{color:var(--text-faint);font-size:13px;padding:8px 4px}.dept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dept-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;text-align:left;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dept-card:hover{border-color:var(--dept-color, var(--accent-strong));transform:translateY(-2px);box-shadow:0 10px 26px #0a0d1873}.dept-card__icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--dept-color, var(--accent)) 16%,transparent)}.dept-card__name{font-family:var(--font-display);font-weight:600;font-size:15.5px}.dept-card__tag{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint)}.dept-card--management{border-style:dashed;grid-column:span 3}.queue-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}@media (max-width: 900px){.board{grid-template-columns:1fr}.dept-grid{grid-template-columns:repeat(2,1fr)}.dept-card--management{grid-column:span 2}.queue-list{grid-template-columns:1fr}}@media (max-width: 640px){.nav{padding:16px}.nav__wordmark{display:none}.page{padding:28px 16px 60px}.dash-stats{gap:14px}.hero{padding:24px}.dept-grid{grid-template-columns:1fr}.dept-card--management{grid-column:span 1}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}