:root{--bg: #080c12;--bg-surface: #0e1520;--bg-panel: #101820;--bg-hover: #152030;--bg-selected: #1a2c40;--border: #1c2e40;--border-hi: #274055;--text: #b0c4d4;--text-bright: #ddeeff;--dim: #7a9db8;--accent: #3a9eff;--accent-h: #5bb0ff;--green: #27ae60;--red: #c0392b;--orange: #d68910;--cell-empty: #0c1620;--cell-1: #0c3a5a;--cell-2: #0d6080;--cell-3: #0e8aaa;--cell-4: #00bbff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Consolas,Lucida Console,Courier New,monospace;font-size:13px;height:100vh;overflow:hidden}.gate{display:flex;align-items:center;justify-content:center;height:100vh}.gate-box{background:var(--bg-panel);border:1px solid var(--border-hi);padding:40px;width:340px;display:flex;flex-direction:column;gap:14px}.gate-logo{color:var(--accent);font-size:20px;letter-spacing:3px;text-transform:uppercase;font-weight:700}.gate-sub{color:var(--dim);font-size:12px}.gate-error{color:var(--red);font-size:12px}.layout{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:42px;background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0}.logo{color:var(--accent);font-size:13px;letter-spacing:2px;text-transform:uppercase}.controls{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:12px}.controls select{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:2px 5px;margin-left:5px;font-family:inherit;font-size:12px}.updated{color:var(--dim);font-size:11px}.main{display:flex;flex:1;overflow:hidden}.systems-list{width:380px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.list-header{display:grid;grid-template-columns:1fr 40px 40px 44px;padding:6px 12px;background:var(--bg-panel);border-bottom:1px solid var(--border);color:var(--dim);font-size:11px;text-transform:uppercase;position:sticky;top:0;z-index:1}.system-row{display:grid;grid-template-columns:1fr 40px 40px 44px;padding:5px 12px;border-bottom:1px solid var(--border);cursor:pointer;align-items:center}.system-row:hover{background:var(--bg-hover)}.system-row.selected{background:var(--bg-selected)}.col-present{text-align:right;color:var(--green);font-weight:700}.col-left,.col-total{text-align:right}.empty-panel{flex:1;display:flex;align-items:center;justify-content:center;color:var(--dim)}.system-panel{flex:1;overflow-y:auto;padding:16px 20px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-header h2{color:var(--text-bright);font-size:16px}section{margin-bottom:20px}h3{font-size:11px;text-transform:uppercase;color:var(--dim);margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:5px 8px;color:var(--dim);font-size:11px;text-transform:uppercase;border-bottom:1px solid var(--border)}td{padding:4px 8px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-hover)}.system-name{color:var(--accent)}.ts{color:var(--text);font-size:11px;white-space:nowrap}.dim{color:var(--dim)}.player-link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-align:left}.player-link:hover{color:var(--accent-h);text-decoration:underline}.btn{background:var(--bg-surface);border:1px solid var(--border-hi);color:var(--text);cursor:pointer;padding:5px 12px;font-family:inherit;font-size:12px;text-decoration:none;display:inline-flex;align-items:center}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-zkill{border-color:var(--orange);color:var(--orange)}.btn-zkill:hover{background:#d689101a}.btn-ghost{background:none;border:1px solid var(--border);color:var(--dim);cursor:pointer;padding:4px 10px;font-family:inherit;font-size:12px}.btn-ghost:hover{border-color:var(--border-hi);color:var(--text)}.close-btn{font-size:15px;line-height:1}.pagination{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.pagination .btn-ghost{padding:2px 8px;font-size:12px}.pagination .btn-ghost:disabled{opacity:.35;cursor:default}.ticker{color:var(--accent);font-size:11px;white-space:nowrap;cursor:default}.char-delete-btn{opacity:0;padding:0 5px;font-size:11px;line-height:1.4;color:var(--dim);border-color:transparent}tr:hover .char-delete-btn{opacity:1}.char-delete-btn:hover{color:#e06c75!important;border-color:#e06c75!important}.inline-confirm{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.badge{display:inline-block;padding:1px 6px;border-radius:2px;font-size:11px;background:var(--bg-surface);color:var(--dim)}.badge.green{background:var(--green);color:#000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-panel);border:1px solid var(--border-hi);width:min(1000px,94vw);max-height:88vh;overflow-y:auto;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font-size:17px;color:var(--text-bright)}.modal-actions{display:flex;gap:8px;align-items:center}.activity-summary{display:flex;gap:20px;color:var(--dim);font-size:12px;margin-bottom:18px}.activity-summary span:before{content:"▸ ";color:var(--accent)}.section-title{font-size:11px;text-transform:uppercase;color:var(--dim);margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.heatmap{margin-bottom:6px;overflow-x:auto}.heatmap-row{display:flex;gap:2px;margin-bottom:2px;align-items:center}.hm-day-lbl{width:34px;text-align:center;color:var(--dim);font-size:11px;padding:2px 0}.hm-hour-lbl{width:44px;color:var(--dim);font-size:10px;flex-shrink:0;text-align:right;padding-right:6px}.hm-cell{width:34px;height:13px;border-radius:1px;flex-shrink:0;background:var(--cell-empty)}.hm-legend{display:flex;align-items:center;gap:3px;margin-top:6px;margin-left:50px;font-size:11px;color:var(--dim)}.hm-legend .hm-cell{width:13px}.modal-filter-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border)}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{color:var(--dim);font-size:11px;text-transform:uppercase;flex-shrink:0}.btn-group{display:flex;gap:0}.btn-seg{background:var(--bg-panel);border:1px solid var(--border-hi);color:var(--dim);cursor:pointer;padding:3px 10px;font-family:inherit;font-size:12px;margin-left:-1px}.btn-seg:first-child{margin-left:0}.btn-seg:hover{color:var(--text);border-color:var(--accent);z-index:1}.btn-seg.active{background:var(--bg-selected);color:var(--accent);border-color:var(--accent);z-index:2}.system-input{background:var(--bg-panel);border:1px solid var(--border-hi);color:var(--text);padding:3px 8px;font-family:inherit;font-size:12px;width:160px;outline:none}.system-input:focus{border-color:var(--accent)}.clickable{cursor:pointer}.clickable:hover td{background:var(--bg-hover)}.row-selected td{background:var(--bg-selected)!important}.row-selected .system-name{color:var(--accent-h)}.settings-modal{width:min(720px,94vw)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:18px}.tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--dim);cursor:pointer;font-family:inherit;font-size:12px;padding:6px 16px;margin-bottom:-1px;text-transform:uppercase;letter-spacing:.06em}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-body{min-height:200px}.token-create-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.token-created-banner{background:#98c37914;border:1px solid #98c379;padding:12px 16px;margin-bottom:16px}.token-value{font-family:monospace;font-size:13px;color:#98c379;word-break:break-all;margin-top:8px;padding:6px 8px;background:#0000004d;-webkit-user-select:all;user-select:all}.accent{color:var(--accent)}.timeline{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.tl-session{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;padding:4px 8px;border-bottom:1px solid var(--border);font-size:12px}.tl-session:last-child{border-bottom:none}.tl-session:hover{background:var(--bg-hover)}.tl-system{color:var(--accent);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-times{display:flex;gap:16px;color:var(--dim);font-size:11px}.tl-enter{color:var(--green)}.tl-leave{color:var(--text)}.tl-present{color:var(--accent);font-style:italic}.tl-dur{text-align:right;color:var(--orange);font-size:11px;white-space:nowrap}input[type=password],input[type=text]{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:8px 12px;width:100%;font-family:inherit;font-size:13px;outline:none}input:focus{border-color:var(--accent)}.loading{padding:20px;color:var(--dim);text-align:center}.error{padding:12px;color:var(--red)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hi)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}