@charset "UTF-8";:root{--bg: #0a0c10;--bg2: #111318;--bg3: #1a1d25;--bg4: #222633;--border: rgba(51, 85, 238, .18);--border2: rgba(51, 85, 238, .35);--accent: #3355ee;--accent2: #2244cc;--accent-glow: rgba(51, 85, 238, .12);--gold: #c9a227;--gold2: #e8c04a;--text: #e8e6f0;--text2: #9a96b0;--text3: #5a5670;--dps: #e05252;--tank: #5294e0;--healer: #52c87a;--epic: #8b4af0;--heroic: #e0762e;--danger: #e05252;--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.btn{padding:8px 16px;border-radius:var(--radius);font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.btn.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.btn-primary:hover{background:var(--accent2)}.btn.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border2)}.btn.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn.btn-danger{background:transparent;color:var(--danger);border-color:#e052524d}.btn.btn-danger:hover{background:#e052521a}.btn.btn-sm{padding:5px 10px;font-size:12px}.icon-btn{width:28px;height:28px;min-width:28px;flex-shrink:0;box-sizing:border-box;border:none;background:var(--bg3);color:var(--text2);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .15s}.icon-btn:hover{background:var(--bg4);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.page-header .page-title{font-size:22px;font-weight:700;color:var(--text)}.page-header .page-title span{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text3)}.empty-state .empty-icon{font-size:36px;margin-bottom:.75rem;opacity:.5}.empty-state .empty-title{font-size:15px;font-weight:600;color:var(--text2);margin-bottom:.4rem}.empty-state .empty-body{font-size:13px}.role-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px}.role-badge.role-dps{background:#e0525226;color:var(--dps)}.role-badge.role-tank{background:#5294e026;color:var(--tank)}.role-badge.role-healer{background:#52c87a26;color:var(--healer)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.avatar.avatar-dps{background:#e0525226;color:var(--dps)}.avatar.avatar-tank{background:#5294e026;color:var(--tank)}.avatar.avatar-healer{background:#52c87a26;color:var(--healer)}.pool-member{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:grab;font-size:13px;transition:border-color .15s;-webkit-user-select:none;user-select:none}.pool-member:hover{border-color:var(--border2)}.pool-member.dragging{opacity:.5;cursor:grabbing}.pool-member.assigned{opacity:.35;cursor:not-allowed}.pool-member .pool-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pool-member .pool-meta{font-size:11px;color:var(--text3)}.party-slot{border:1px dashed var(--border2);border-radius:var(--radius);padding:7px 10px;font-size:12px;color:var(--text3);display:flex;align-items:center;gap:8px;min-height:36px;transition:border-color .15s,background .15s}.party-slot.drag-over{border-color:var(--accent);background:var(--accent-glow)}.party-slot.filled{border-style:solid;border-color:var(--border);background:var(--bg3);color:var(--text)}.slot-remove{margin-left:auto;width:18px;height:18px;border:none;background:none;color:var(--text3);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:color .15s}.slot-remove:hover{color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-overlay .modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius-lg);padding:1.5rem;width:420px;max-width:95vw;transform:translateY(8px);transition:transform .2s}.modal-overlay .modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-overlay .modal .modal-title{font-size:17px;font-weight:700}.modal-overlay .modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:1.25rem}.modal-overlay.open .modal{transform:translateY(0)}.form-group{margin-bottom:1rem}.form-label{font-size:12px;color:var(--text2);margin-bottom:5px;display:block;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.form-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s;font-family:inherit}.form-input:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}textarea.form-input{resize:vertical}.form-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);cursor:pointer}.form-checkbox input{width:15px;height:15px;cursor:pointer;accent-color:var(--accent)}.party-pool-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text3);font-weight:600;margin-bottom:.75rem}.pool-list{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 240px);overflow-y:auto;padding-right:4px}@media(max-width:640px){.page-header .page-title{font-size:19px}.card{padding:1rem}.form-row{grid-template-columns:1fr}.modal-overlay .modal{padding:1.25rem;width:100%}.btn{padding:7px 12px;font-size:13px}}