:root {
  color-scheme: dark;
  --bg: #07101b;
  --bg-soft: #0c1624;
  --panel: rgba(16, 28, 45, 0.82);
  --panel-strong: rgba(20, 35, 55, 0.97);
  --panel-subtle: rgba(255,255,255,.055);
  --border: rgba(180,204,234,.14);
  --border-strong: rgba(180,204,234,.29);
  --text: #eef6ff;
  --muted: #93a7bd;
  --faint: #65778d;
  --accent: #67e8f9;
  --accent-2: #a78bfa;
  --good: #5eead4;
  --warn: #fbbf24;
  --danger: #fb7185;
  --blue: #60a5fa;
  --note: #fde68a;
  --shadow: 0 24px 80px rgba(0,0,0,.36);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --sidebar: 260px;
  --topbar: 74px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.light {
  color-scheme: light;
  --bg: #eef3f9;
  --bg-soft: #f8fafc;
  --panel: rgba(255,255,255,.9);
  --panel-strong: rgba(255,255,255,.98);
  --panel-subtle: rgba(15,23,42,.045);
  --border: rgba(15,23,42,.10);
  --border-strong: rgba(15,23,42,.18);
  --text: #0f172a;
  --muted: #526579;
  --faint: #748398;
  --shadow: 0 18px 70px rgba(30,41,59,.15);
}
*{box-sizing:border-box} html{min-height:100%;scroll-behavior:smooth} body{min-height:100%;margin:0;font-family:var(--font);background:radial-gradient(circle at 14% 8%,rgba(103,232,249,.18),transparent 29%),radial-gradient(circle at 84% 0%,rgba(167,139,250,.15),transparent 32%),linear-gradient(135deg,var(--bg),#050a11 62%,var(--bg-soft));color:var(--text)} body.light{background:radial-gradient(circle at 18% 0%,rgba(103,232,249,.24),transparent 28%),radial-gradient(circle at 78% 0%,rgba(167,139,250,.18),transparent 30%),linear-gradient(135deg,#eef3f9,#f8fafc 55%,#e8edf4)}
button,input,select,textarea{font:inherit} button{cursor:pointer} h1,h2,h3,p{margin-top:0} h1{font-size:clamp(27px,3vw,40px);letter-spacing:-.045em;margin-bottom:0} h2{font-size:22px;letter-spacing:-.028em;margin-bottom:0} h3{margin:0 0 8px} select,input,textarea{color:var(--text)} select option{color:#0f172a}.app{display:flex;min-height:100vh}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.muted{color:var(--muted)}.soft-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--panel-subtle);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:12px;font-weight:800}.small{padding:7px 10px;font-size:12px}
.rail{width:var(--sidebar);padding:22px 16px;border-right:1px solid var(--border);background:rgba(4,12,23,.64);backdrop-filter:blur(18px);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px} body.light .rail{background:rgba(255,255,255,.70)}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;font-weight:850;background:linear-gradient(135deg,rgba(103,232,249,.25),rgba(167,139,250,.30));border:1px solid var(--border-strong);box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 24px rgba(0,0,0,.22)}.brand strong{display:block;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);margin-top:2px}.nav-stack{display:grid;gap:7px}.nav-item{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:16px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left;transition:.18s ease}.nav-item:hover{background:var(--panel-subtle);color:var(--text)}.nav-item.is-active{color:var(--text);border-color:var(--border-strong);background:linear-gradient(135deg,rgba(103,232,249,.16),rgba(167,139,250,.13))}.nav-item span:first-child{width:22px;text-align:center;color:var(--accent)}.rail-card,.rail-footer{margin-top:auto;padding:16px;border:1px solid var(--border);background:var(--panel);border-radius:22px;box-shadow:var(--shadow)}.rail-card strong{display:block;font-size:24px;margin:6px 0 4px}.rail-card span,.rail-footer span{display:block;color:var(--muted);font-size:13px}.rail-footer{margin-top:0;box-shadow:none;padding:13px}.rail-footer strong{color:var(--text)}
.main-shell{flex:1;min-width:0}.topbar{min-height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-bottom:1px solid var(--border);background:rgba(6,13,24,.45);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20} body.light .topbar{background:rgba(255,255,255,.62)}.search-wrap{flex:1;max-width:840px;height:44px;border:1px solid var(--border);border-radius:999px;background:var(--panel);display:flex;align-items:center;gap:10px;padding:0 16px}.search-wrap span{color:var(--muted)}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-wrap input::placeholder{color:var(--faint)}.topbar-actions{display:flex;align-items:center;gap:10px}.ghost,.secondary,.primary,.admin-button,.ticket-actions button,.filter-chip,.chip-button,.mode-button,.queue-button{border:1px solid var(--border);border-radius:999px;padding:10px 14px;color:var(--text);background:var(--panel);transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.ghost:hover,.secondary:hover,.primary:hover,.admin-button:hover,.ticket-actions button:hover,.filter-chip:hover,.chip-button:hover,.mode-button:hover,.queue-button:hover{transform:translateY(-1px);border-color:var(--border-strong)}.primary{border-color:rgba(103,232,249,.38);background:linear-gradient(135deg,rgba(103,232,249,.29),rgba(167,139,250,.28));font-weight:800}.secondary{background:var(--panel-subtle)}.user-pill{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 7px;border-radius:999px;border:1px solid var(--border);background:var(--panel);white-space:nowrap}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(103,232,249,.2);color:var(--accent);font-size:12px;font-weight:800}
.view{display:none;padding:20px}.view.is-visible{display:block}.command-strip{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin-bottom:16px}.command-card,.mini-card,.insight-card,.context-box{border:1px solid var(--border);background:var(--panel);border-radius:22px;padding:15px}.command-card strong{display:block;font-size:26px;letter-spacing:-.04em}.command-card span{color:var(--muted);font-size:13px}.workspace-grid{display:grid;grid-template-columns:minmax(210px,250px) minmax(320px,405px) minmax(560px,1fr) minmax(300px,365px);gap:16px;align-items:stretch;min-height:calc(100vh - var(--topbar) - 116px)}.queue-panel,.ticket-list-panel,.workbench-panel,.context-panel,.page-panel,.portal-card,.portal-hero{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.queue-panel,.ticket-list-panel,.workbench-panel,.context-panel{min-height:0;overflow:hidden}.queue-panel,.ticket-list-panel,.context-panel{padding:16px}.workbench-panel{display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.small-head{margin-bottom:10px}.queue-list{display:grid;gap:8px;margin-bottom:14px}.queue-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;color:var(--muted);background:transparent;border-color:transparent;text-align:left;border-radius:15px}.queue-button.is-active{color:var(--text);background:linear-gradient(135deg,rgba(103,232,249,.13),rgba(167,139,250,.10));border-color:var(--border-strong)}.queue-button strong{font-size:13px}.queue-button span:last-child{font-weight:850;color:var(--accent)}.score-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.score-row:last-child{border-bottom:0}.mode-button{width:100%;margin-top:8px;border-radius:14px;text-align:left;color:var(--muted);background:transparent}.mode-button.is-active{color:var(--text);border-color:var(--border-strong);background:var(--panel-subtle)}
.list-head select{border:1px solid var(--border);border-radius:999px;background:var(--panel-subtle);padding:9px 11px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter-chip{font-size:12px;padding:8px 10px;color:var(--muted)}.filter-chip.is-active{color:var(--text);border-color:rgba(103,232,249,.42);background:rgba(103,232,249,.12)}.ticket-list{display:grid;gap:10px;overflow:auto;max-height:calc(100vh - 245px);padding-right:4px}.ticket-card{width:100%;text-align:left;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:20px;padding:14px;color:var(--text);transition:.18s ease}.ticket-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.ticket-card.is-active{border-color:rgba(103,232,249,.52);background:linear-gradient(135deg,rgba(103,232,249,.12),rgba(167,139,250,.08))}.ticket-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.ticket-id{font-weight:850;color:var(--accent);font-size:12px}.ticket-subject{font-weight:850;line-height:1.25;margin-bottom:8px}.ticket-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:12px}.pill,.priority,.status-pill{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:12px;color:var(--muted);background:var(--panel-subtle)}.priority.Kritisch{color:var(--danger);border-color:rgba(251,113,133,.42)}.priority.Hoch{color:var(--warn);border-color:rgba(251,191,36,.38)}.priority.Normal{color:var(--good);border-color:rgba(94,234,212,.33)}.service-bar{height:7px;background:var(--panel-subtle);border-radius:999px;overflow:hidden;margin-top:12px}.service-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--good),var(--warn),var(--danger));border-radius:999px}.card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--faint);font-size:12px}.owner-dot{color:var(--accent)}
.ticket-hero{padding:18px 18px 15px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(103,232,249,.10),rgba(167,139,250,.08))}.hero-line{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hero-title h2{font-size:26px}.hero-actions,.ticket-actions{display:flex;gap:8px;flex-wrap:wrap}.ticket-actions button{padding:8px 11px;font-size:12px}.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px;margin-top:14px}.stat-box{border:1px solid var(--border);background:rgba(0,0,0,.10);border-radius:16px;padding:10px}.stat-box strong{display:block;font-size:16px}.stat-box span{color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);overflow:auto}.tab{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;padding:9px 12px}.tab.is-active{color:var(--text);border-color:var(--border-strong);background:var(--panel-subtle)}.tab-panels{flex:1;min-height:0;overflow:auto}.tab-panel{display:none;padding:16px}.tab-panel.is-visible{display:block}.overview-grid,.tasks-layout,.triage-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.overview-card,.checklist-card,.triage-card,.knowledge-card,.analytics-card,.admin-card{border:1px solid var(--border);background:var(--panel-subtle);border-radius:22px;padding:15px}.overview-card.wide{grid-column:1/-1}.timeline{display:grid;gap:12px;margin-bottom:14px}.message{max-width:86%;border:1px solid var(--border);border-radius:20px;padding:13px;background:var(--panel-subtle)}.message.employee{justify-self:start;background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.28)}.message.it{justify-self:end;background:rgba(94,234,212,.12);border-color:rgba(94,234,212,.28)}.message.note{justify-self:center;background:rgba(253,230,138,.12);border-color:rgba(253,230,138,.34);color:var(--text)}.message-head{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;margin-bottom:6px}.reply-box{border:1px solid var(--border);background:var(--panel-subtle);border-radius:22px;padding:13px}.reply-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.chip-button{font-size:12px;padding:8px 10px}.note-switch{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;margin-left:auto}.reply-box textarea,.request-form textarea,.request-form input,.request-form select,.triage-card select,.triage-card input,.triage-card textarea,.inline-input{width:100%;border:1px solid var(--border);border-radius:15px;background:rgba(0,0,0,.16);padding:11px 12px;outline:0;color:var(--text)}body.light .reply-box textarea,body.light .request-form textarea,body.light .request-form input,body.light .request-form select,body.light .triage-card select,body.light .triage-card input,body.light .triage-card textarea,body.light .inline-input{background:rgba(15,23,42,.035)}.reply-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;color:var(--muted);font-size:13px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid label,.request-form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.task-row{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--border);padding:11px 0}.task-row:last-child{border-bottom:0}.task-row input{margin-top:3px}.task-row strong{display:block}.task-row small{color:var(--muted)}.activity-list{display:grid;gap:10px}.activity-item{border-left:2px solid var(--accent);padding:5px 0 8px 12px}.activity-item strong{display:block}.activity-item span{color:var(--muted);font-size:12px}.context-section{border-bottom:1px solid var(--border);padding:0 0 14px;margin-bottom:14px}.context-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.context-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;color:var(--muted);font-size:13px}.context-row strong{color:var(--text);text-align:right}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.risk-list{display:grid;gap:8px}.risk-item{border:1px solid var(--border);border-radius:14px;padding:10px;background:var(--panel-subtle)}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-areas:'hero side' 'form side';gap:16px}.portal-hero{grid-area:hero;padding:26px;background:linear-gradient(135deg,rgba(103,232,249,.13),rgba(167,139,250,.09))}.portal-card{padding:20px}.portal-card#requestForm{grid-area:form}.portal-side{grid-area:side;display:grid;gap:16px;align-content:start}.portal-actions,.form-actions{display:flex;gap:10px;flex-wrap:wrap}.request-form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-assist{border:1px solid var(--border);border-radius:18px;padding:13px;background:var(--panel-subtle);color:var(--muted)}.quick-tiles{display:grid;gap:9px}.quick-tile{border:1px solid var(--border);border-radius:16px;padding:12px;text-align:left;background:var(--panel-subtle);color:var(--text)}.employee-ticket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.employee-card{border:1px solid var(--border);background:var(--panel-subtle);border-radius:22px;padding:16px}.employee-timeline{display:grid;gap:9px;margin-top:12px}.employee-timeline div{border-left:2px solid var(--accent);padding-left:10px;color:var(--muted)}.page-panel{padding:22px;min-height:calc(100vh - var(--topbar) - 40px)}.split-page{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.knowledge-grid,.analytics-grid,.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px;margin-top:15px}.knowledge-card h3,.analytics-card h3,.admin-card h3{margin-bottom:8px}.knowledge-card p,.admin-card p{color:var(--muted)}.knowledge-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.analytics-value{font-size:34px;font-weight:900;letter-spacing:-.05em}.bar-list{display:grid;gap:9px}.bar-line{display:grid;grid-template-columns:100px 1fr 34px;gap:8px;align-items:center;color:var(--muted);font-size:13px}.bar-track{height:8px;border-radius:999px;background:var(--panel-subtle);overflow:hidden}.bar-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.admin-list{display:grid;gap:8px}.admin-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border);color:var(--muted)}.admin-list div:last-child{border-bottom:0}.admin-list strong{color:var(--text)}
.toast{position:fixed;right:22px;bottom:22px;z-index:50;max-width:360px;padding:13px 15px;border:1px solid var(--border-strong);background:var(--panel-strong);box-shadow:var(--shadow);border-radius:16px;color:var(--text);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s ease}.toast.is-visible{opacity:1;transform:translateY(0)}.focus .queue-panel,.focus .ticket-list-panel,.focus .context-panel,.focus .command-strip{display:none}.focus .workspace-grid{grid-template-columns:minmax(0,1fr);min-height:calc(100vh - var(--topbar) - 40px)}.compact .view{padding:12px}.compact .workspace-grid{gap:10px}.compact .ticket-card,.compact .overview-card,.compact .checklist-card,.compact .triage-card{padding:10px;border-radius:16px}
@media (max-width:1500px){.workspace-grid{grid-template-columns:230px 350px minmax(500px,1fr);}.context-panel{grid-column:1/-1}.command-strip{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (max-width:1100px){.app{display:block}.rail{position:relative;width:auto;height:auto}.nav-stack{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.topbar{position:relative;flex-wrap:wrap}.topbar-actions{flex-wrap:wrap}.workspace-grid,.overview-grid,.tasks-layout,.triage-layout,.portal-layout,.split-page{display:block}.queue-panel,.ticket-list-panel,.workbench-panel,.context-panel,.portal-hero,.portal-card,.context-box{margin-bottom:14px}.command-strip{grid-template-columns:1fr}.ticket-list{max-height:none}.form-grid,.field-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}}

.empty-state{border:1px dashed var(--border-strong);background:var(--panel-subtle);border-radius:22px;padding:18px;color:var(--muted);display:grid;gap:8px}.empty-state strong{color:var(--text)}.empty-state p{margin:0}.wide-empty{margin:0;border-style:solid}

.empty-card.wide{grid-column:1/-1}