:root{color:#e7edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#09101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -20%,#182b47 0,#09101d 42%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:#0b1423;border-right:1px solid #1b293e;flex-direction:column;width:248px;padding:28px 18px 20px;display:flex}.brand{align-items:center;gap:12px;padding:0 10px 38px;display:flex}.brand-mark{background:linear-gradient(135deg,#4b8bff,#6f60e9);border-radius:11px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;box-shadow:0 8px 20px #3e69d745}.brand strong{letter-spacing:.02em;display:block}.brand small{color:#8290a7;margin-top:4px;font-size:11px;display:block}nav{gap:7px;display:grid}nav button{color:#8290a7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px 13px;font-size:14px}nav button.active,nav button:hover{color:#fff;background:#17263d}nav button.active{box-shadow:inset 3px 0 #6a93ff}.sidebar-footer{color:#77879f;border-top:1px solid #1b293e;margin-top:auto;padding:13px 12px;font-size:12px}.online-dot{background:#42d392;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.content{flex:1;max-width:1440px;margin:0 auto;padding:34px 42px 28px}.topbar{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.eyebrow,.card-kicker{letter-spacing:.14em;color:#7192c3;font-size:10px;font-weight:700}.topbar h1{letter-spacing:-.04em;margin:7px 0 0;font-size:29px}.topbar p{color:#7185a2;margin:7px 0 0;font-size:13px}.top-actions{align-items:center;gap:14px;display:flex}.clock{color:#95a6be;font-size:13px}.refresh-button,.secondary-button,.row-action{color:#d8e5f8;cursor:pointer;background:#112137;border:1px solid #2a405f;border-radius:8px;padding:9px 12px}.refresh-button:hover,.secondary-button:hover,.row-action:hover{background:#1b3150}.refresh-button:disabled{opacity:.55}.refresh-countdown{color:#6f83a2;min-width:42px;font-size:11px}.avatar{color:#bdd1f6;background:#263d64;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.hero-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.hero-card,.metric-card,.section-card{background:#101c2d;border:1px solid #1d3049;border-radius:15px;box-shadow:0 14px 38px #0000001c}.hero-card{background:linear-gradient(135deg,#192f50,#122136);padding:23px 25px}.hero-time{margin-top:17px;font-size:22px;font-weight:700}.hero-countdown{letter-spacing:-.06em;color:#fff;margin-top:8px;font-size:38px;font-weight:800;line-height:1.1}.hero-meta{color:#7f9ac1;margin-top:12px;font-size:12px}.metric-card{padding:22px}.metric-card span,.metric-card small{color:#8495ad;font-size:12px;display:block}.metric-card strong{color:#f1f5fb;margin:18px 0 8px;font-size:27px;display:block}.metric-card small{color:#62748e;font-size:11px}.success-text{color:#49d99a!important}.section-card{margin-bottom:18px;padding:24px}.full-card{min-width:0}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:7px 0 0;font-size:18px}.date-label,.text-link{color:#7792ba;font-size:12px}.text-link{cursor:pointer;background:0 0;border:0}.timeline{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.timeline-item{background:#0d1828;border:1px solid #1a2a42;border-radius:12px;min-height:105px;padding:16px;display:flex}.timeline-item.next{background:#132541;border-color:#517fe0}.timeline-item.completed .timeline-dot{background:#44d597;box-shadow:0 0 0 4px #44d59722}.timeline-item.next .timeline-dot{background:#6c93ff;box-shadow:0 0 0 4px #6c93ff25}.timeline-rail{width:17px;position:relative}.timeline-rail:after{content:"";background:#263a57;width:1px;position:absolute;top:18px;bottom:-22px;left:5px}.timeline-item:last-child .timeline-rail:after{display:none}.timeline-dot{background:#465c78;border-radius:50%;width:11px;height:11px;margin-top:2px;display:block}.timeline-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.timeline-title strong{font-size:14px}.stage-time{color:#7e93b3;font-size:12px}.timeline-detail{color:#7489a9;margin-top:19px;font-size:12px}.pill{color:#acbdd5;background:#26354b;border-radius:999px;padding:4px 8px;font-size:10px;display:inline-block}.pill-good{color:#55d9a0;background:#123d35}.pill-warn{color:#e6bd62;background:#49391e}.pill-bad{color:#ed937f;background:#422b29}.pill-neutral{color:#acbdd5;background:#26354b}.lower-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.run-row{border-top:1px solid #1d2b40;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.run-row strong,.run-row small{display:block}.run-row small,.table-wrap small{color:#71849e;margin-top:6px;font-size:11px}.run-row time,.log-row time{color:#7588a4;font-size:11px}.signal-list{gap:10px;display:grid}.signal-list>div{align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.signal-list small{color:#72839b;margin-left:auto;font-size:11px}.signal-icon{border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.signal-icon.green{color:#54dba3;background:#143e36}.signal-icon.amber{color:#e6b957;background:#49391e}.empty-state{color:#71849d;gap:6px;padding:24px 0;font-size:13px;display:grid}.empty-state strong{color:#b4c2d7}.alert{color:#f5bdc4;background:#3b262c;border:1px solid #74404a;border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 15px;font-size:13px;display:flex}.alert.info{color:#c4dcff;background:#1b2d48;border-color:#3f6597}.alert span{color:#e5a9b0}.alert.info span{color:#abc4e9}.alert button{color:#ffd8dc;cursor:pointer;background:0 0;border:1px solid #9e5b66;border-radius:6px;margin-left:auto;padding:5px 9px}.action-notice{color:#9eb9df;background:#13243a;border:1px solid #274568;border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:11px 13px;font-size:12px;display:flex}.action-notice>span{color:#d5e8ff;background:#294d7c;border-radius:50%;place-items:center;width:18px;height:18px;font-weight:700;display:grid}.table-wrap{border:1px solid #1b2b43;border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #1b2b43;padding:13px 14px;font-size:12px}th{color:#7890b1;background:#0d1929;font-size:11px;font-weight:600}td{color:#b8c6d9}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}code{color:#8fa8cc;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.row-action{padding:6px 9px;font-size:11px}.schedule-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.schedule-item{background:#0d1929;border:1px solid #1b2b43;border-radius:10px;padding:16px}.schedule-item span,.schedule-item small{color:#7890b1;font-size:11px;display:block}.schedule-item strong{margin:11px 0 7px;font-size:20px;display:block}.schedule-item.muted{background:#101d30}.stage-pills{gap:7px;display:flex}.dot-status{background:#465c78;border-radius:50%;width:11px;height:11px;display:inline-block}.dot-status.sent{background:#44d597}.dot-status.partial{background:#e6bd62}.dot-status.exhausted{background:#ed937f}.inline-actions{align-items:center;gap:10px;display:flex}.log-list{gap:8px;display:grid}.log-row{border-bottom:1px solid #1b2b43;grid-template-columns:70px 1fr auto;align-items:start;gap:13px;padding:13px 0;display:grid}.log-row:last-child{border-bottom:0}.log-row strong{font-size:13px}.log-row p{color:#7e93af;margin:6px 0 0;font-size:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-record{background:#0d1929;border:1px solid #1b2b43;border-radius:10px;padding:16px}.stat-record span,.stat-record small{color:#7f94b2;font-size:11px;display:block}.stat-record strong{margin:9px 0;font-size:25px;display:block}.pagination-note{color:#7288a7;margin-top:16px;font-size:11px}.loading-state{color:#8da1bd;padding:26px 0;font-size:13px}.spinner{vertical-align:-2px;border:2px solid #385273;border-top-color:#79a2e8;border-radius:50%;width:12px;height:12px;margin-right:9px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}footer{color:#536884;text-align:center;padding:10px;font-size:11px}@media (width<=1000px){.sidebar{width:205px}.content{padding:28px 24px}.hero-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 2}.timeline{grid-template-columns:1fr}.schedule-grid,.stats-grid{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr}}@media (width<=650px){.app-shell{display:block}.sidebar{border-bottom:1px solid #1b293e;border-right:0;width:100%;height:auto;padding:15px 16px}.brand{padding:0 4px 15px}.sidebar nav{gap:4px;display:flex;overflow:auto}.sidebar nav button{white-space:nowrap;padding:9px 11px}.sidebar-footer{display:none}.content{padding:22px 14px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.top-actions{flex-wrap:wrap;gap:9px;width:100%}.hero-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:span 2}.metric-card{padding:16px}.metric-card strong{margin:12px 0 5px}.section-card{padding:18px}.run-row{flex-wrap:wrap;gap:8px}.run-row time{width:100%;margin-left:32px}.schedule-grid,.stats-grid{grid-template-columns:1fr}.log-row{grid-template-columns:60px 1fr}.log-row time{grid-column:2}.inline-actions{flex-direction:column;align-items:flex-end}}