:root { color-scheme: dark; --ink:#f1efe7; --muted:#8c918b; --panel:#151815; --line:#343a34; --signal:#ff5a1f; --ready:#c9ff3d; --urgent:#ff334f; --amber:#ffbd46; --black:#090b09; }
.login-gate { min-height:100vh; display:grid; place-items:center; padding:32px; position:relative; z-index:2; }
.login-panel { width:min(460px,100%); padding:42px; border:1px solid var(--line); background:rgba(8,13,10,.96); box-shadow:0 30px 90px rgba(0,0,0,.48); }
.login-panel h1 { margin:8px 0 16px; font-size:clamp(42px,8vw,72px); line-height:.92; letter-spacing:-.055em; }
.login-lead { color:var(--muted); line-height:1.7; margin:0 0 28px; }
.login-panel label,.security-dialog label { display:grid; gap:8px; margin-top:18px; color:var(--muted); font-size:13px; }
.login-panel input,.security-dialog input { width:100%; border:1px solid var(--line); background:#0e1511; color:var(--ink); padding:14px 16px; font:inherit; outline:none; }
.login-panel input:focus,.security-dialog input:focus { border-color:var(--ready); box-shadow:0 0 0 3px rgba(201,255,61,.12); }
.primary-login { width:100%; margin-top:18px; border:0; padding:15px 18px; background:var(--ready); color:#071006; font-weight:800; cursor:pointer; }
.primary-login:disabled { opacity:.55; cursor:wait; }
.form-error { min-height:20px; margin:12px 0 0; color:#ff765a; font-size:13px; }
.login-panel small { display:block; color:var(--muted); margin-top:16px; line-height:1.5; }
.admin-account { display:grid; gap:2px; padding-right:12px; border-right:1px solid var(--line); }
.admin-account span { color:var(--muted); font-size:11px; }.admin-account strong { font-size:14px; }
.quiet-action { border:1px solid var(--line); background:transparent; color:var(--ink); padding:10px 12px; cursor:pointer; }
.quiet-action:hover { border-color:var(--ready); }.quiet-action.danger:hover { border-color:#ff765a; color:#ff9a84; }
.security-dialog { width:min(440px,calc(100% - 32px)); border:1px solid var(--line); background:#09100c; color:var(--ink); padding:0; box-shadow:0 30px 90px rgba(0,0,0,.62); }
.security-dialog::backdrop { background:rgba(0,0,0,.72); }.security-dialog form { padding:30px; }.security-dialog h2 { margin:8px 0 18px; font-size:30px; }
.password-hint { color:var(--muted); font-size:12px; }.dialog-actions { display:grid; grid-template-columns:1fr 1.5fr; gap:10px; margin-top:18px; }.dialog-actions .primary-login { margin:0; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:var(--black); font-family:"Bahnschrift","Microsoft YaHei UI",sans-serif; }
button { font:inherit; }
.grid-noise { position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 85%); }
.shell { width:min(1500px,calc(100% - 48px)); margin:auto; padding:36px 0 90px; }
.masthead { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid var(--line); padding-bottom:24px; }
.eyebrow,.section-index { color:var(--signal); letter-spacing:.18em; font-size:11px; margin:0 0 8px; }
h1 { font-size:clamp(40px,6vw,78px); line-height:.9; letter-spacing:-.05em; margin:0; }
.header-actions { display:flex; align-items:center; gap:22px; }
.system-state { display:flex; align-items:center; gap:12px; text-align:right; }
.system-state strong,.system-state small { display:block; }
.system-state small { color:var(--muted); margin-top:4px; }
.state-dot { width:12px; height:12px; border-radius:50%; background:#6c706c; }
.state-dot.online { background:var(--ready); box-shadow:0 0 18px rgba(201,255,61,.5); }
.sound-toggle { border:1px solid #6a5324; background:#241d0e; color:var(--amber); padding:11px 14px; cursor:pointer; }
.sound-toggle.enabled { border-color:#55731f; background:#17210d; color:var(--ready); }
.sound-toggle.unavailable { border-color:var(--line); background:#151815; color:var(--muted); cursor:not-allowed; }
.status-rail { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid var(--line); margin-top:24px; background:rgba(21,24,21,.82); }
.status-rail>div { min-height:94px; padding:18px 20px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.status-rail>div:last-child { border:0; }
.status-rail span,.summary-grid span { color:var(--muted); font-size:12px; }
.status-rail strong { font-size:22px; font-weight:550; }
.urgent-metric strong { color:var(--urgent); }
.rail-note strong { color:var(--ready); }
.queue-head { display:flex; justify-content:space-between; align-items:end; margin:64px 0 22px; }
.compact-head { margin-top:48px; }
.queue-head h2 { margin:0; font-size:34px; letter-spacing:-.03em; }
.queue-head>p { color:var(--muted); line-height:1.6; margin:0; text-align:right; font-size:13px; }
.ticket-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.compact-grid .ticket-card { min-height:310px; }
.ticket-card { position:relative; min-height:350px; background:var(--panel); border:1px solid var(--line); padding:20px; display:flex; flex-direction:column; overflow:hidden; animation:cardIn .32s ease both; }
.ticket-card::before { content:""; position:absolute; left:0; top:0; width:4px; height:72px; background:var(--signal); }
.ticket-card.urgent { border-color:var(--urgent); background:linear-gradient(145deg,#241014,var(--panel) 55%); animation:urgentPulse 1.2s ease-in-out infinite; }
.ticket-card.urgent::before { width:6px; height:100%; background:var(--urgent); }
.ticket-card.waiting-feedback::before { background:var(--amber); }
.ticket-topline { display:flex; justify-content:space-between; align-items:center; }
.machine-label { font-size:28px; font-weight:700; letter-spacing:-.04em; }
.age-label { color:var(--muted); font-variant-numeric:tabular-nums; }
.urgent .age-label { color:var(--urgent); font-weight:700; }
.ticket-body { margin-top:42px; flex:1; }
.category-label { color:var(--signal); font-size:11px; letter-spacing:.12em; }
.summary { font-size:24px; line-height:1.22; margin:10px 0 16px; }
.transcript { color:#aeb3ad; line-height:1.6; font-size:13px; }
.ticket-meta { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
.ticket-meta span { padding:5px 8px; border:1px solid var(--line); color:var(--muted); font-size:10px; letter-spacing:.06em; }
.ticket-meta .simulation { color:var(--amber); border-color:#6a5324; }
.ticket-meta .manual-review,.ticket-meta .reopened { color:#ff7448; border-color:#773824; }
.hidden { display:none!important; }
.ticket-action { border:0; background:var(--ready); color:#11150a; min-height:50px; padding:0 16px; display:flex; justify-content:space-between; align-items:center; font-weight:700; cursor:pointer; }
.urgent .ticket-action { background:var(--urgent); color:white; }
.ticket-action:disabled { background:#343a34; color:#818681; cursor:default; }
.empty-state { border:1px dashed var(--line); display:flex; align-items:center; justify-content:center; color:var(--muted); }
.empty-state.compact { min-height:110px; }
.summary-grid { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid var(--line); }
.summary-grid article { min-height:112px; padding:18px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; background:var(--panel); }
.summary-grid article:last-child { border:0; }
.summary-grid strong { font-size:26px; }
.history-wrap { border:1px solid var(--line); overflow:auto; background:var(--panel); }
table { width:100%; border-collapse:collapse; min-width:900px; }
th,td { padding:14px 16px; text-align:left; border-bottom:1px solid var(--line); font-size:13px; }
th { color:var(--muted); font-size:11px; letter-spacing:.08em; }
td:nth-child(3) { max-width:380px; }
.status { display:inline-block; border:1px solid var(--line); padding:4px 7px; font-size:11px; }
.status-pending { color:var(--urgent); }.status-accepted { color:var(--ready); }.status-resolved { color:var(--amber); }.status-completed { color:#aeb3ad; }
@keyframes cardIn { from { opacity:0; transform:translateY(12px); } }
@keyframes urgentPulse { 50% { box-shadow:0 0 28px rgba(255,51,79,.22); } }
@media(max-width:1100px){ .status-rail,.summary-grid{grid-template-columns:repeat(3,1fr)} .ticket-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:680px){ .shell{width:calc(100% - 24px);padding-top:20px}.masthead,.queue-head{align-items:flex-start;gap:22px;flex-direction:column}.header-actions{align-items:flex-start;flex-direction:column}.system-state{text-align:left}.status-rail,.summary-grid{grid-template-columns:repeat(2,1fr)}.ticket-grid{grid-template-columns:1fr}.queue-head>p{display:none} }