:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e4e7ec;--blue:#2563eb;--green:#059669;--orange:#d97706;--red:#dc2626;--nav:#0f172a;--purple:#6d28d9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0f172a,#1d4ed8);padding:20px}.loginbox{width:min(860px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #0005}.hero{background:#111827;color:#fff;padding:40px}.hero h1{font-size:32px;line-height:1.35}.hero p{color:#cbd5e1;line-height:1.8}.loginform{padding:36px}.loginform h2{margin-top:0}
.top{position:sticky;top:0;z-index:20;background:var(--nav);color:#fff;padding:11px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 12px #0002}.brand b{display:block}.brand small{color:#cbd5e1}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav button{border:1px solid #ffffff2c;background:#ffffff0f;color:#fff;border-radius:999px;padding:7px 11px}.nav button.active{background:#fff;color:#0f172a}.right{margin-left:auto;display:flex;gap:10px;align-items:center}.who{font-size:13px;color:#e2e8f0}.msgbadge{min-width:18px;height:18px;border-radius:999px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:800;margin-left:4px;padding:0 5px}
.wrap{max-width:1280px;margin:auto;padding:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 6px 20px #1018280b}.full{grid-column:1/-1}.p8{grid-column:span 8}.p7{grid-column:span 7}.p6{grid-column:span 6}.p5{grid-column:span 5}.p4{grid-column:span 4}.kpi{grid-column:span 3}.kpi .n{font-size:30px;font-weight:800;margin-top:10px}h1,h2,h3,h4{margin:0 0 10px}.muted{font-size:13px;color:var(--muted)}.small{font-size:12px}.head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:9px 13px;font-weight:700}.primary{background:var(--blue);color:#fff}.ok{background:var(--green);color:#fff}.warn{background:var(--orange);color:#fff}.danger{background:#fee2e2;color:#991b1b}.gray{background:#f2f4f7;color:#344054}.ghost{background:#eef2ff;color:#3730a3}.undo{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.tag{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;background:#e5e7eb;color:#334155}.tag.doing{background:#dbeafe;color:#1d4ed8}.tag.wait{background:#fef3c7;color:#92400e}.tag.done{background:#d1fae5;color:#065f46}.tag.alert{background:#fee2e2;color:#991b1b}.tag.info{background:#ede9fe;color:#5b21b6}.tag.new{background:#fee2e2;color:#b91c1c}.priority{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.p1{background:#fee2e2;color:#991b1b}.p2{background:#ffedd5;color:#9a3412}.p3{background:#e0f2fe;color:#075985}.escalated{display:inline-block;padding:4px 8px;border-radius:999px;background:#7f1d1d;color:#fff;font-size:12px;font-weight:800}.focus{display:inline-block;padding:4px 8px;border-radius:999px;background:#ede9fe;color:#5b21b6;font-size:12px;font-weight:800}
label{display:block;font-size:13px;color:#475467;margin-bottom:6px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}textarea{min-height:92px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}.stake{padding:10px 12px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;font-weight:800}.note,.safety{padding:10px 12px;border-radius:10px;font-size:13px}.note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.safety{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.warnbox{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:10px;border-radius:10px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:25px}
.event{border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0;background:#fff}.event.critical{border-color:#fecaca;background:#fffafa}.latest,.scene{margin-top:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.latest b{font-size:16px}.line{display:grid;grid-template-columns:110px 1fr;gap:8px;margin:5px 0;font-size:13px}.line span:first-child{color:var(--muted)}.timeline{border-left:2px solid #bfdbfe;padding-left:14px;margin-top:14px}.tl{margin:13px 0}.tl .t{font-size:12px;color:var(--muted)}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.thumbs img{width:105px;height:78px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.units{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.commandbar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}.commandbox{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;cursor:pointer}.commandbox.active{border-color:#93c5fd;background:#eff6ff}.commandbox span{display:block;font-size:12px;color:var(--muted)}.commandbox b{font-size:28px}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px}.filters button.active{background:#0f172a;color:#fff}.sla{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.sla.ok{background:#dcfce7;color:#166534}.sla.warn{background:#fef3c7;color:#92400e}.sla.bad{background:#fee2e2;color:#991b1b}.topfocus{border:1px solid #fecaca;background:#fff7f7;border-radius:14px;padding:12px;margin:12px 0}.pulse{width:8px;height:8px;border-radius:50%;background:#ef4444;display:inline-block;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.2}}
.modalbg{position:fixed;inset:0;background:#11182788;z-index:60;display:grid;place-items:center;padding:18px}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 20px 60px #0004}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkcard{border:1px solid var(--line);border-radius:10px;padding:10px}.checkcard input{width:auto}
.tablewrap{overflow:auto}.table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px}.table th,.table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f8fafc}.historyfilters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.handoverstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc}.stat span{display:block;font-size:12px;color:var(--muted)}.stat b{font-size:24px}.handoverevents{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.message{border:1px solid var(--line);border-radius:12px;padding:12px;margin:9px 0}.message.unread{border-color:#93c5fd;background:#f8fbff}.message.alertmsg{border-left:4px solid #dc2626}.admincols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.userform{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end}
@media(max-width:900px){.commandbar{grid-template-columns:repeat(3,1fr)}.handoverevents{grid-template-columns:1fr}.admincols{grid-template-columns:1fr}.userform{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.loginbox{grid-template-columns:1fr}.hero{display:none}.top{flex-wrap:wrap}.right{margin-left:0}.nav{order:3;width:100%}.p8,.p7,.p6,.p5,.p4{grid-column:1/-1}.kpi{grid-column:span 6}.formgrid,.historyfilters{grid-template-columns:1fr}.wide{grid-column:auto}.head{flex-direction:column}.commandbar{grid-template-columns:repeat(2,1fr)}.handoverstats{grid-template-columns:1fr 1fr}.checkboxes{grid-template-columns:1fr}.userform{grid-template-columns:1fr}}