*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5865f2;--secondary:#57f287;--danger:#ed4245;--warning:#fee75c;--bg-primary:#36393f;--bg-secondary:#2f3136;--bg-tertiary:#202225;--text-primary:#fff;--text-secondary:#b9bbbe;--border:#202225}[data-theme=light]{--primary:#5865f2;--secondary:#57f287;--danger:#ed4245;--warning:#fee75c;--bg-primary:#fff;--bg-secondary:#f2f3f5;--bg-tertiary:#e3e5e8;--text-primary:#060607;--text-secondary:#4e5058;--border:#e3e5e8}[data-theme=shadowmourne]{--primary:#9d4edd;--secondary:#ff006e;--danger:#ed4245;--warning:#ffd60a;--bg-primary:#1a0033;--bg-secondary:#2d0a4e;--bg-tertiary:#1f0035;--text-primary:#e0aaff;--text-secondary:#b8a8d8;--border:#3c1570}[data-theme=goldshire]{--primary:#d4a574;--secondary:khaki;--danger:#dc143c;--warning:gold;--bg-primary:#2b2416;--bg-secondary:#3d3430;--bg-tertiary:#2b2416;--text-primary:wheat;--text-secondary:tan;--border:#4a3f33}[data-theme=twilight]{--primary:#e63946;--secondary:#a4161a;--danger:#d62828;--warning:#f77f00;--bg-primary:#0a0e27;--bg-secondary:#2a2d4a;--bg-tertiary:#1a1d35;--text-primary:#f1faee;--text-secondary:#a8dadc;--border:#3d4158}[data-theme=azerith]{--primary:#00d4ff;--secondary:gold;--danger:#ff006e;--warning:#ffb700;--bg-primary:#0a1628;--bg-secondary:#162847;--bg-tertiary:#0f1f36;--text-primary:#e0f4ff;--text-secondary:#89d4e8;--border:#1e3a5f}[data-theme=horde]{--primary:#c41e3a;--secondary:#ffb81c;--danger:#8b0000;--warning:#ff6b35;--bg-primary:#1a0f0f;--bg-secondary:#3d1f1f;--bg-tertiary:#2a1515;--text-primary:#ffdbac;--text-secondary:#d4a574;--border:#5a2e2e}[data-theme=alliance]{--primary:#0070dd;--secondary:#ffd100;--danger:#ff6b6b;--warning:orange;--bg-primary:#0f1419;--bg-secondary:#1a2a3a;--bg-tertiary:#141f2e;--text-primary:#c7e0ff;--text-secondary:#8ab4f8;--border:#2a3d5a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#4752c4}.btn-secondary{background-color:var(--secondary);color:var(--bg-primary)}.btn-danger{background-color:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background-color:#0000}.input{border:1px solid var(--border);background-color:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:4px;padding:10px;font-size:14px}.input:focus{border-color:var(--primary);outline:none}.label{color:var(--text-secondary);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.error{color:var(--danger);margin-top:5px;font-size:14px}.success{color:var(--secondary);margin-top:5px;font-size:14px}.spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.container{padding:10px}.card{padding:15px}}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;padding:0;position:sticky;top:0}.navbar-container{align-items:center;gap:20px;width:100%;max-width:1200px;height:60px;margin:0 auto;padding:0 20px;display:flex}.navbar-brand h1{color:var(--text-primary);white-space:nowrap;margin:0;font-size:18px;font-weight:700}.guild-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #00000080);max-width:180px;max-height:45px;transition:transform .2s}.guild-logo:hover{transform:scale(1.05)}.navbar-links{flex-wrap:wrap;flex:1;align-items:center;gap:5px;display:flex;overflow-x:auto}.navbar-links a{color:var(--text-secondary);white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar-links a:hover{background-color:var(--bg-tertiary);color:var(--text-primary);text-decoration:none}.navbar-links a.active{background-color:var(--primary);color:#fff}.nav-privacy{opacity:.9;margin-left:auto;font-size:12px}.nav-privacy span{font-size:12px}.navbar-user{align-items:center;gap:15px;display:flex}.theme-icon{align-items:center;display:flex}.chevron-open{transition:transform .2s;transform:rotate(180deg)}.theme-dropdown-container{position:relative}.theme-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border);z-index:1000;border-radius:4px;min-width:200px;max-height:400px;margin-top:5px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.theme-dropdown-section{padding:5px 0}.theme-dropdown-section:not(:last-child){border-bottom:1px solid var(--border)}.theme-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:8px 15px;font-size:11px;font-weight:700}.theme-option{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 15px;font-size:14px;transition:all .2s;display:flex}.theme-option:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-option.active{background-color:var(--primary);color:#fff}.theme-preview{border-radius:2px;flex-shrink:0;width:12px;height:12px}.theme-preview-dark{background:linear-gradient(135deg,#36393f 0%,#202225 100%);border:1px solid #5865f2}.theme-preview-light{background:linear-gradient(135deg,#fff 0%,#f2f3f5 100%);border:1px solid #5865f2}.theme-preview-shadowmourne{background:linear-gradient(135deg,#1a0033 0%,#2d0a4e 100%);border:1px solid #9d4edd}.theme-preview-goldshire{background:linear-gradient(135deg,#2b2416 0%,#3d3430 100%);border:1px solid #d4a574}.theme-preview-twilight{background:linear-gradient(135deg,#0a0e27 0%,#2a2d4a 100%);border:1px solid #e63946}.theme-preview-azerith{background:linear-gradient(135deg,#0a1628 0%,#162847 100%);border:1px solid #00d4ff}.theme-preview-horde{background:linear-gradient(135deg,#1a0f0f 0%,#3d1f1f 100%);border:1px solid #c41e3a}.theme-preview-alliance{background:linear-gradient(135deg,#0f1419 0%,#1a2a3a 100%);border:1px solid #0070dd}.navbar-user{flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:3px;padding:6px;transition:all .2s;display:flex}.theme-toggle:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.user-info{align-items:center;gap:8px;min-width:0;display:flex}.user-avatar{border:2px solid var(--primary);border-radius:50%;flex-shrink:0;width:32px;height:32px}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-secondary);text-transform:uppercase;background-color:var(--bg-tertiary);border-radius:8px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.logout-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:6px;transition:all .2s;display:flex}.logout-btn:hover{background-color:var(--danger);color:#fff}@media (width<=768px){.navbar-links span,.user-name{display:none}.navbar-container{gap:10px}}.error-boundary-shell{background:radial-gradient(circle at 0 0,#f5fbff 0%,#f9f9ff 45%,#f7f7f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-boundary-card{background:#fff;border:1px solid #d6dbe4;border-radius:14px;width:min(560px,100%);padding:24px;box-shadow:0 8px 28px #0f203714}.error-boundary-card h1{color:#172336;margin:0 0 10px;font-size:1.45rem}.error-boundary-card p{color:#475a73;margin:0;line-height:1.5}.error-boundary-debug{color:#213149;background:#f4f6fa;border-radius:8px;margin-top:14px;padding:12px;font-size:.85rem;overflow:auto}.error-boundary-actions{gap:10px;margin-top:18px;display:flex}.error-boundary-actions button{cursor:pointer;color:#fff;background:#0f4db8;border:0;border-radius:8px;padding:10px 14px}.error-boundary-actions button.secondary{background:#4b5e78}@media (width<=640px){.error-boundary-actions{flex-direction:column}}