:root{--bg: #0f1117;--bg2: #1a1d2e;--bg3: #242840;--border: #2e3250;--accent: #6c8cff;--accent2: #4ade80;--text: #e2e8f0;--text2: #94a3b8;--tank: #4fa3e0;--healer: #4ade80;--dps: #f87171;--cell-active: #3d5af1;--cell-hover: #2d3a6e;--danger: #f87171}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--border);background:var(--bg3);color:var(--text);padding:6px 12px;border-radius:6px;font-size:13px;transition:background .15s}button:hover{background:var(--bg2)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{opacity:.9}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover{opacity:.9}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:13px;outline:none}input:focus,select:focus{border-color:var(--accent)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-title{font-size:16px;font-weight:700;color:var(--accent)}.page{padding:24px;max-width:1600px;margin:0 auto}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.tag.tank{background:#1a3a5c;color:var(--tank)}.tag.healer{background:#1a3d2a;color:var(--healer)}.tag.dps{background:#3d1a1a;color:var(--dps)}.grid-table{border-collapse:collapse;font-size:12px;white-space:nowrap}.grid-table th,.grid-table td{border:1px solid var(--border);padding:4px 8px}.grid-table th{background:var(--bg3);position:sticky;top:0;z-index:10}.grid-table .skill-label{background:var(--bg2);position:sticky;left:0;z-index:5;min-width:160px}.grid-table .member-header{background:var(--bg3);position:sticky;left:0;z-index:5}.grid-cell{text-align:center;cursor:pointer;width:40px;min-width:40px}.grid-cell:hover{background:var(--cell-hover)}.grid-cell.active{background:var(--cell-active)}.grid-cell.cooldown{background:#1e2240}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;min-width:400px;max-width:90vw;max-height:80vh;overflow-y:auto}