:root{--bg: #0f1216;--panel: #171c23;--panel-2: #1d242d;--border: #2a323d;--text: #e6edf3;--muted: #8b97a6;--accent: #4c8dff;--green: #2ea043;--amber: #b98700;--red: #d1495b;--coral: #f0664c;--slate: #6b7785;--desc: #8fa6d8;--note: #e8943a;--violet: #a78bfa;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.center{min-height:100vh;display:grid;place-items:center}.muted{color:var(--muted)}.error{color:var(--red);margin:8px 0 0}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent)}.login{width:360px;display:flex;flex-direction:column;gap:10px}.login h1{font-size:20px;margin:0}.email-field{display:flex;align-items:stretch;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.email-field:focus-within{outline:1px solid var(--accent)}.email-field input{flex:1;min-width:0;border:none;background:transparent;padding:7px 10px;font-size:14px;color:var(--text);outline:none}.email-suffix{display:flex;align-items:center;padding:0 10px;font-size:14px;color:var(--muted);background:var(--panel);border-left:1px solid var(--border);white-space:nowrap}.code-input{font-size:22px;letter-spacing:6px;text-align:center;font-family:ui-monospace,Menlo,monospace}.app{max-width:1480px;width:95vw;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:14px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:7px 12px}.topbar h1{font-size:15px;margin:0;white-space:nowrap;flex:none}.topbar>select{flex:none;padding:5px 8px;font-size:13px;max-width:200px}.topbar .search{flex:1;min-width:80px;padding:5px 10px;font-size:13px}.topbar .count{flex:none;font-size:12px;white-space:nowrap}.actions{display:flex;gap:8px;align-items:center;flex:none}.actions button{padding:5px 10px;font-size:13px}.who{font-size:13px}.live{font-size:12px;font-weight:600;color:var(--muted)}.live.on{color:var(--green)}.layout{display:flex;gap:16px;align-items:flex-start}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.sidebar{width:300px;flex:none;position:sticky;top:58px}@media(max-width:1000px){.layout{flex-direction:column}.sidebar{width:100%;position:static}}.sidebar-card{display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 40px);overflow:hidden}.sb-tabs{display:flex;gap:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:3px;flex:none}.sb-tabs button{flex:1;background:transparent;color:var(--muted);border:none;border-radius:6px;padding:6px 8px;font-size:13px;font-weight:600;cursor:pointer}.sb-tabs button:hover{color:var(--text);filter:none}.sb-tabs button.active{background:var(--accent);color:#fff}.progress-body{display:flex;flex-direction:column;gap:14px;overflow:auto}.activity-list{overflow:auto}.overall{display:flex;flex-direction:column;gap:6px}.big-pct{font-size:34px;font-weight:800;line-height:1;color:var(--green)}.overall-sub{font-size:12px}.progress.big{height:14px;margin-top:4px}.legend{display:flex;flex-direction:column;gap:4px;margin-top:6px;font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:7px}.dot{width:9px;height:9px;border-radius:2px;display:inline-block;flex:none}.dot.rotated{background:var(--green)}.dot.in_progress{background:var(--accent)}.dot.blocked{background:var(--red)}.dot.deleted{background:var(--violet)}.dot.na{background:var(--slate)}.dot.ns{background:var(--border)}.sb-subhead{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}.site-progress{display:flex;flex-direction:column;gap:2px}.sp-row{background:transparent;border:none;padding:6px;border-radius:6px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:5px}.sp-row:hover{background:var(--panel-2);filter:none}.sp-row.active{background:#4c8dff1f;outline:1px solid rgba(76,141,255,.4)}.sp-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sp-name{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-pct{font-size:11px;color:var(--muted);flex:none}.progress.thin{height:5px}.summary{padding:18px}.progress-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.progress{display:flex;height:12px;background:var(--panel-2);border-radius:999px;overflow:hidden}.bar.rotated{background:var(--green)}.bar.na{background:var(--slate)}.bar.in_progress{background:var(--accent)}.bar.blocked{background:var(--red)}.bar.deleted{background:var(--violet)}.site-block{display:flex;flex-direction:column;gap:10px}.site-title{font-size:16px;margin:8px 2px 0;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.cat-block{padding:0;overflow:hidden}.cat-head,.sub-head{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.cat-head:hover,.sub-head:hover{background:var(--panel-2)}.chev{width:14px;color:var(--muted)}.cat-name{font-weight:600}.cat-note{font-size:11.5px;font-style:italic;color:var(--note)}.sub-name{font-family:ui-monospace,Menlo,monospace;font-size:13px}.cat-progress{margin-left:6px;font-size:12px;font-weight:600}.cat-progress.pending{color:var(--muted)}.cat-progress.complete{color:var(--green)}.pill{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 9px;font-size:12px;color:var(--muted)}.pill.small{padding:0 7px}.bulk{margin-left:auto}.bulk select{padding:5px 8px;font-size:13px}.cat-body{border-top:1px solid var(--border)}.subgroup{border-bottom:1px solid var(--border)}.subgroup:last-child{border-bottom:none}.sub-head{padding-left:26px;background:var(--panel)}table.grid{width:100%;border-collapse:collapse;table-layout:fixed}table.grid th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600}table.grid td{padding:6px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.grid tr:last-child td{border-bottom:none}.col-status{width:210px}.col-date{width:170px}.status-control{display:flex;align-items:center;gap:4px}.status-select{flex:1;min-width:0;padding-left:8px;padding-right:4px}.chev-btn{flex:none;width:24px;height:32px;padding:0;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;font-size:16px;line-height:1;cursor:pointer}.chev-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent);filter:none}.chev-btn:disabled{opacity:.3;cursor:default}td.date{font-size:12px;line-height:1.35}td.secret{position:relative;padding-right:70px}.secret-line{display:flex;align-items:center;gap:4px;min-width:0}.secret-name{font-size:13.5px;font-weight:700;color:#f4f8fd;word-break:break-all}mark{background:#f5c85052;color:#ffe9a8;border-radius:3px;padding:0 1px}.assignee{flex:none;font-size:11px;color:#8fb8ff;background:#4c8dff1a;border:1px solid rgba(76,141,255,.3);border-radius:999px;padding:0 7px;white-space:nowrap}.help{display:inline-flex;flex:none;cursor:help}.help-q{width:15px;height:15px;border-radius:50%;border:1px solid var(--muted);color:var(--muted);font:700 10px/13px system-ui,sans-serif;text-align:center}.help:hover .help-q{color:var(--accent);border-color:var(--accent)}.tooltip{position:fixed;transform:translate(-50%);z-index:1000;max-width:300px;background:#0b0e12;border:1px solid var(--border);color:var(--text);font-size:12px;line-height:1.45;padding:8px 11px;border-radius:8px;box-shadow:0 8px 24px #0000008c;pointer-events:none}.note-text{margin-top:4px;font-size:12.5px;font-style:italic;color:var(--note);line-height:1.4;cursor:pointer;white-space:pre-wrap;word-break:break-word}.note-text:hover{text-decoration:underline}.note-add{position:absolute;top:8px;right:10px;background:transparent;border:none;color:var(--muted);font-size:11px;cursor:pointer;padding:2px 4px;opacity:0;transition:opacity .12s}tr:hover .note-add{opacity:1}.note-add:hover{color:var(--accent);filter:none}.field-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.canned{display:flex;flex-wrap:wrap;gap:6px}.canned-chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.canned-chip:hover{color:var(--text);border-color:var(--accent);filter:none}.modal-item{font-size:16px;margin:0;word-break:break-all}.modal-meta{margin:0 0 4px;font-size:13px}table.grid td:first-child{box-shadow:inset 4px 0 0 var(--border)}tr.status-in_progress td:first-child{box-shadow:inset 4px 0 0 var(--accent)}tr.status-blocked td:first-child{box-shadow:inset 4px 0 0 var(--red)}tr.status-rotated td:first-child{box-shadow:inset 4px 0 0 var(--green)}tr.status-deleted td:first-child{box-shadow:inset 4px 0 0 var(--violet)}tr.status-na td:first-child{box-shadow:inset 4px 0 0 var(--slate)}tr.status-in_progress{background:#4c8dff12}tr.status-blocked{background:#d1495b14}tr.status-rotated{background:#2ea04312}tr.status-deleted{background:#a78bfa14}tr.status-na{background:#6b778517}tr.status-rotated .secret-name{color:#7ee29a}tr.status-na .secret-name{color:var(--slate)}.grid select{font-weight:600}tr.status-not_started select{color:var(--text);border-color:var(--border);background:var(--panel-2)}tr.status-in_progress select{color:#8fb8ff;border-color:#4c8dff8c;background:#4c8dff1f}tr.status-blocked select{color:#f0a0aa;border-color:#d1495b8c;background:#d1495b1f}tr.status-rotated select{color:#6ee787;border-color:#2ea0438c;background:#2ea0431a}tr.status-deleted select{color:#c9bdfb;border-color:#a78bfa8c;background:#a78bfa24}tr.status-na select{color:#aab4c0;border-color:#6b77858c;background:#6b77851f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:20px;z-index:200}.modal{width:640px;max-width:100%;display:flex;flex-direction:column;gap:10px;max-height:90vh;overflow:auto}.modal h2{margin:0}.modal textarea{font-family:ui-monospace,Menlo,monospace;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.activity-list{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:64vh}.agroup{padding:6px 2px}.agroup+.agroup{border-top:1px solid var(--border)}.agroup-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.avatar{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.agroup-who{font-size:12.5px;font-weight:700;color:var(--text)}.agroup-time{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.agroup-rows{display:flex;flex-direction:column;gap:2px;padding-left:30px}.arow{display:flex;flex-direction:column;gap:3px;padding:5px 0;min-width:0}.arow+.arow{border-top:1px solid rgba(255,255,255,.04)}.arow-item{font-size:12.5px;color:#e6edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arow-meta{display:flex;align-items:center;gap:8px;min-width:0}.arow-site{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arow-tag{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 5px;flex:none;margin-left:auto}.chip.s-edit{color:var(--note);border-color:#e8943a66;background:#e8943a1f}.history{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:320px}.evt{background:var(--panel-2);border-radius:8px;border-left:3px solid var(--border);padding:8px 11px}.evt.to-rotated{border-left-color:var(--green)}.evt.to-in_progress{border-left-color:var(--accent)}.evt.to-na{border-left-color:var(--slate)}.evt.to-not_started{border-left-color:var(--coral)}.evt.to-edit{border-left-color:var(--note)}.evt-head{display:flex;align-items:baseline;gap:8px}.evt-who{font-size:12.5px;font-weight:700;color:var(--text)}.evt-bulk{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid rgba(76,141,255,.4);border-radius:4px;padding:0 5px;line-height:1.5}.evt-time{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;flex:none}.evt-target{display:flex;flex-direction:column;margin:5px 0 6px;min-width:0}.evt-target .ti{font-size:12px;color:#e6edf3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-target .ts{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-change{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.arrow{color:var(--muted);font-size:12px}.chg-text{font-size:12px;color:var(--note);font-style:italic}.chip{font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.chip.s-not_started{color:#c2ccd8;background:var(--panel)}.chip.s-in_progress{color:#8fb8ff;border-color:#4c8dff73;background:#4c8dff1f}.chip.s-blocked{color:#f0a0aa;border-color:#d1495b73;background:#d1495b24}.chip.s-deleted{color:#c9bdfb;border-color:#a78bfa73;background:#a78bfa24}.chip.s-rotated{color:#6ee787;border-color:#2ea04373;background:#2ea0431f}.chip.s-na{color:#aab4c0;border-color:#6b778573;background:#6b778524}.chip.s-unknown{color:var(--muted)}.import-result{background:var(--panel-2);border-radius:8px;padding:12px}.warnings{margin:6px 0;padding-left:18px;color:var(--amber);font-size:13px}code{background:var(--panel-2);padding:1px 5px;border-radius:4px;font-size:12px}