:root{--bg: #121212;--panel: #1d1d1d;--panel-2: #262626;--line: #333;--text: #e8e8e8;--muted: #9a9a9a;--accent: #f2811d;--ok: #4caf50;--warn: #ffb300;--err: #ef5350}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:var(--accent)}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:6px 12px;cursor:pointer}button:hover{border-color:var(--accent)}button.linklike{background:none;border:none;color:var(--accent);padding:0;text-decoration:underline}select,input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:6px 8px}.app{max-width:980px;margin:0 auto;padding:0 16px 48px}.topbar{display:flex;align-items:center;gap:16px;padding:14px 0 10px;border-bottom:1px solid var(--line)}.topbar h1{font-size:18px;margin:0}.topbar h1 .spark{color:var(--accent)}.topbar .grow{flex:1}.fleet-strip{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.fleet-strip .strip-label{color:var(--muted);padding:4px 0}.fleet-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:4px 10px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.online{background:var(--ok)}.dot.offline{background:var(--err)}.dot.unknown{background:var(--muted)}.fleet-chip .sub{color:var(--muted)}.screen{padding-top:16px}.screen h2{font-size:16px;margin:0 0 12px}.notice{color:var(--muted);padding:12px 0}.notice.error{color:var(--err)}.notice .cached-note{color:var(--warn)}.job-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px 14px;margin-bottom:8px}.job-row:hover{border-color:var(--accent)}.job-row .name{font-size:15px}.job-row .meta{color:var(--muted);margin-left:auto}.tl-row{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:10px 12px;margin-bottom:8px}.tl-row.alarm{border-left:4px solid var(--err)}.tl-thumb{width:84px;height:63px;object-fit:cover;border-radius:3px;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;flex:none}.tl-thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;cursor:default}.tl-main{min-width:0}.tl-main .when{color:var(--text)}.tl-main .sub{color:var(--muted);margin-top:2px}.tl-kind{color:var(--muted);margin-left:auto;text-align:right;flex:none}.chip{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:1px 8px;font-size:12px;color:var(--muted)}.chip.synced{color:var(--ok);border-color:var(--ok)}.chip.failed{color:var(--err);border-color:var(--err)}.chip.pending,.chip.syncing{color:var(--warn);border-color:var(--warn)}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px}.detail{background:var(--panel);border:1px solid var(--line);border-radius:6px;max-width:860px;max-height:90vh;overflow:auto;padding:16px}.detail img{max-width:100%;max-height:60vh;border-radius:4px}.detail table{border-collapse:collapse;margin-top:12px}.detail td{padding:3px 12px 3px 0;vertical-align:top}.detail td.k{color:var(--muted);white-space:nowrap}.token-gate{max-width:420px;margin:15vh auto 0;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:24px}.token-gate h1{font-size:18px;margin:0 0 8px}.token-gate p{color:var(--muted)}.token-gate form{display:flex;gap:8px;margin-top:12px}.token-gate input{flex:1}.token-gate button{background:var(--accent);color:#121212;border:none}