@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-primary:#0a0e14;--bg-secondary:#0d1219;--bg-tertiary:#141c28;--bg-card:#111820;--bg-hover:#1a2332;--bg-main:#0a0e14;--border:#e4e8ed14;--border-light:#e4e8ed1f;--text-primary:#e4e8ed;--text-secondary:#8b95a5;--text-muted:#5a6575;--gold:#f8b700;--gold-dark:#c49200;--accent:#0af;--accent-dark:#07c;--green:#0c6;--red:#f44;--orange:#ff8c00;--purple:#a6f;--shadow:#0000004d;--quality-common:#9d9d9d;--quality-uncommon:#1eff00;--quality-rare:#0070dd;--quality-epic:#a335ee;--quality-legendary:#ff8000;--quality-mythic:#c77dff;--border-hover:#e4e8ed33}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#e8eaed;--bg-card:#fff;--bg-hover:#ecedf0;--bg-main:#f0f2f5;--border:#0000001f;--border-light:#00000014;--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:#6b7280;--gold:#b8800a;--gold-dark:#a67208;--accent:#07c;--accent-dark:#059;--green:#059652;--red:#dc2626;--orange:#d97706;--purple:#7c3aed;--shadow:#0000001a;--quality-common:#6b7280;--quality-uncommon:#00a900;--quality-rare:#005bbb;--quality-epic:#9500d9;--quality-legendary:#c60;--quality-mythic:#7c3aed;--border-hover:#0003}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,sans-serif}h1,h2,h3,h4{font-family:Cinzel,serif}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:Inter,sans-serif}input,select,textarea{font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff08,#ffffff03 60%);border-radius:8px}[data-theme=light] .glass-panel{background:#ffffffd9;border-color:#0000001a}.status-present{color:var(--green);background:#00cc661f}.status-late{color:var(--gold);background:#f8b7001f}.status-bench{color:var(--accent);background:#00aaff1f}.status-absent{color:var(--red);background:#ff44441f}.status-excused{color:orange;background:#ffa5001f}.status-replaced{color:var(--quality-mythic);background:#a330c91f}.status-dropped{color:var(--red);background:#ff44441f}.quality-common{color:var(--quality-common)}.quality-uncommon{color:var(--quality-uncommon)}.quality-rare{color:var(--quality-rare)}.quality-epic{color:var(--quality-epic)}.quality-legendary{color:var(--quality-legendary)}.quality-mythic{color:var(--quality-mythic)}@media (width<=768px){body{-webkit-text-size-adjust:100%}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;color:#fff;animation:.3s ease-out toast-slide-in,.4s ease-in forwards toast-fade-out;animation-delay:0s, var(--toast-duration,2.6s);border-radius:8px;max-width:360px;padding:12px 20px;font-size:.88rem;font-weight:500;line-height:1.4;box-shadow:0 4px 20px #0006}.toast-success{color:#66eaa0;background:linear-gradient(135deg,#0a2a1a,#0d3320);border:1px solid #00cc664d}.toast-error{color:#ff8a8a;background:linear-gradient(135deg,#2a0a0a,#331010);border:1px solid #ff44444d}.toast-info{color:#7cf;background:linear-gradient(135deg,#0a1a2a,#0d2033);border:1px solid #00aaff4d}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}[data-theme=light] .toast-success{color:#047040;background:linear-gradient(135deg,#e8f8ef,#d4f0e0);border-color:#0596524d}[data-theme=light] .toast-error{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc26264d}[data-theme=light] .toast-info{color:#05a;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#0077cc4d}[data-theme=light] .toast{box-shadow:0 4px 20px #0000001f}.feedback-fab{z-index:950;background:var(--bg-secondary,#1a1a2e);color:var(--gold);letter-spacing:.02em;cursor:pointer;border:1px solid #f8b70040;border-radius:24px;align-items:center;gap:6px;padding:10px 16px;font-size:.78rem;font-weight:600;transition:background .2s,border-color .2s,transform .15s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #00000059}.feedback-fab:hover{background:#f8b7000f;border-color:#f8b70073;transform:translateY(-1px)}.feedback-fab svg{flex-shrink:0}.feedback-panel{z-index:950;background:var(--bg-secondary,#1a1a2e);border:1px solid #f8b70040;border-radius:12px;width:320px;padding:14px 16px;animation:.2s ease-out feedback-slide-in;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 32px #0006}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feedback-panel-header{color:var(--gold);border-bottom:1px solid #f8b7001a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;font-family:Cinzel,serif;font-size:.85rem;font-weight:600;display:flex}.feedback-panel-close{color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;line-height:1;transition:opacity .15s}.feedback-panel-close:hover{opacity:1}.feedback-form{flex-direction:column;gap:10px;display:flex}.feedback-textarea{width:100%;color:var(--text-primary,#e4e8ed);resize:vertical;box-sizing:border-box;background:#ffffff0a;border:1px solid #e4e8ed1f;border-radius:6px;min-height:80px;padding:10px 12px;font-family:inherit;font-size:.82rem;transition:border-color .2s}.feedback-textarea:focus{border-color:#f8b70066;outline:none}.feedback-textarea::placeholder{color:#e4e8ed4d}.feedback-submit{color:#0a0e14;cursor:pointer;background:linear-gradient(#f8b700 0%,#c49200 100%);border:none;border-radius:4px;align-self:flex-end;padding:8px 20px;font-size:.78rem;font-weight:600;transition:opacity .2s}.feedback-submit:hover{opacity:.9}.feedback-submit:disabled{opacity:.4;cursor:not-allowed}.feedback-success{text-align:center;color:var(--gold);padding:16px 0;font-size:.85rem;font-weight:500}.feedback-error{color:#ff6b6b;margin:0;font-size:.75rem}@media (width<=480px){.feedback-panel{width:calc(100vw - 24px);bottom:12px;right:12px}.feedback-fab{bottom:12px;right:12px}}.layout{flex-wrap:wrap;min-height:100vh;display:flex}.demo-banner{width:100%;color:var(--gold);text-align:center;background:#f8b7001a;border-bottom:1px solid #f8b70040;padding:8px 16px;font-size:.82rem;font-weight:500}.demo-banner a{color:var(--accent);text-decoration:underline}.sidebar{background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);text-align:center;background:linear-gradient(#f8b7000a 0%,#0000 100%);padding:24px 20px}.guild-name{color:var(--gold);letter-spacing:1px;text-shadow:0 0 40px #f8b7001a;font-size:1.2rem}.guild-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.7rem}.sidebar-main-char{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:8px 8px 0;padding:10px 16px;transition:all .15s;display:flex}.sidebar-main-char:hover{background:var(--bg-hover);border-color:var(--gold-dark)}.smc-portrait{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:36px;height:36px}.smc-avatar{background:var(--bg-secondary);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.smc-initial{font-family:Cinzel,serif;font-size:.9rem;font-weight:700}.smc-info{flex:1;min-width:0;overflow:hidden}.smc-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.smc-detail{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;display:block;overflow:hidden}.smc-badge{letter-spacing:1px;color:var(--gold);background:#f8b70026;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:.55rem;font-weight:700}.nav-list{flex:1;padding:12px 8px;list-style:none;overflow-y:auto}.nav-separator{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);opacity:.6;padding:16px 16px 6px;font-size:.65rem;font-weight:700}.nav-link{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{color:var(--gold);background:linear-gradient(135deg,#f8b7001f,#f8b70008);border:1px solid #f8b70026;box-shadow:0 0 12px #f8b7000d}.nav-icon{text-align:center;width:22px;font-size:1rem}.nav-badge{background:var(--gold);color:var(--bg-primary);text-align:center;border-radius:8px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:.65rem;font-weight:700;line-height:1.4}.nav-teams-toggle{-webkit-user-select:none;user-select:none}.nav-chevron{color:var(--text-muted);margin-left:auto;font-size:.7rem;transition:transform .2s}.nav-chevron.open{transform:rotate(90deg)}.nav-teams-list{margin:0;padding:2px 0 4px;list-style:none}.nav-sub-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;margin-bottom:1px;padding:7px 16px 7px 40px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-sub-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-sub-link.active{color:var(--gold);background:#f8b70014}.nav-team-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-team-dot.type-raid{background:var(--red)}.nav-team-dot.type-mythic-plus{background:var(--quality-mythic)}.nav-team-dot.type-pvp{background:orange}.nav-team-dot.type-social{background:var(--green)}.nav-team-dot.type-other{background:var(--text-muted)}.main-content{background:radial-gradient(ellipse 80% 50% at 70% 20%, #f8b70005 0%, transparent 50%), var(--bg-primary);flex:1;min-height:100vh;margin-left:240px;padding:32px}.sidebar-footer{border-top:1px solid var(--border);padding:10px 12px;position:relative}.sf-user-row{align-items:center;gap:8px;display:flex}.sf-user-info{cursor:pointer;flex:1;min-width:0;padding:4px 0}.sf-username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.sf-battletag{color:var(--text-muted);margin-top:1px;font-size:.68rem;display:block}.sf-gear-btn{background:var(--bg-tertiary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sf-gear-btn:hover{color:var(--gold);border-color:var(--gold-dark)}.sf-menu-overlay{z-index:199;position:fixed;inset:0}.sf-menu{background:var(--bg-tertiary);border:1px solid var(--border);z-index:200;box-shadow:0 8px 24px var(--shadow);border-radius:8px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:12px;right:12px}.sf-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;font-weight:500;transition:all .12s;display:flex}.sf-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sf-menu-icon{text-align:center;flex-shrink:0;width:18px;font-size:.9rem}.sf-menu-sep{background:var(--border);height:1px;margin:4px 6px}.sf-menu-danger{color:var(--red)}.sf-menu-danger:hover{color:var(--red);background:#ff44441a}.mobile-hamburger{z-index:201;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:none;position:fixed;top:12px;left:12px}.sidebar-overlay{display:none}@media (width<=768px){.mobile-hamburger{display:flex}.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:60px 16px 16px}}[data-theme=light] .sidebar{background:linear-gradient(#fff 0%,#f5f6f8 100%);border-right:1px solid #0000001a}[data-theme=light] .sidebar-header{background:linear-gradient(#b48c000a 0%,#0000 100%);border-bottom-color:#00000014}[data-theme=light] .nav-link.active{background:linear-gradient(135deg,#b48c001a,#b48c0008);border-color:#b48c0026;box-shadow:0 0 12px #b48c000d}[data-theme=light] .nav-sub-link.active{background:#b48c000f}[data-theme=light] .sidebar-footer{border-top-color:#00000014}[data-theme=light] .smc-badge{background:#b48c001f}[data-theme=light] .main-content{background:radial-gradient(ellipse 80% 50% at 70% 20%, #b48c0005 0%, transparent 50%), var(--bg-primary)}.auth-page{background:radial-gradient(120% 80% at 50% 20%,#f8b7000f 0%,#0000 50%),radial-gradient(100% 60% at 20% 80%,#643cb40a 0%,#0000 50%),radial-gradient(80% 50% at 80% 70%,#0078c808 0%,#0000 50%),linear-gradient(#06090d 0%,#0c1118 40%,#0a0e14 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0a,#ffffff03 60%);border:1px solid #e4e8ed1a;border-radius:4px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 20px 60px #00000080}.auth-header{text-align:center;margin-bottom:36px}.auth-header h1{color:var(--gold);letter-spacing:.03em;text-shadow:0 0 60px #f8b7001f;margin-bottom:8px;font-family:Cinzel,serif;font-size:2rem}.auth-beta-badge{letter-spacing:.1em;color:var(--gold);border:1px solid #f8b7004d;border-radius:3px;margin-bottom:12px;padding:2px 10px;font-size:.6rem;font-weight:700;display:inline-block}.auth-header p{color:#e4e8ed73;letter-spacing:.01em;max-width:320px;margin:0 auto;font-size:.8rem;line-height:1.5}.auth-forgot{text-align:right;margin-top:8px}.auth-forgot a{color:var(--text-muted);font-size:.78rem;text-decoration:none}.auth-forgot a:hover{color:#e4e8ed99}.auth-header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.3;width:60px;height:1px;margin:16px auto 0;display:block}.auth-error{color:#ff6b6b;background:#ff444414;border:1px solid #f443;border-radius:4px;margin-bottom:20px;padding:10px 14px;font-size:.85rem}.auth-page .form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.auth-page .form-group label{color:#e4e8ed80;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem;font-weight:600}.auth-page .form-group input{color:#e4e8ed;box-sizing:border-box;background:#ffffff0d;border:1px solid #e4e8ed1f;border-radius:4px;width:100%;padding:12px 14px;transition:border-color .25s,background .25s}.auth-page .form-group input:focus{background:#ffffff12;border-color:#f8b70066;outline:none}.auth-page .form-group input::placeholder{color:#e4e8ed4d}.auth-btn{letter-spacing:.02em;border-radius:4px;width:100%;margin-top:8px;padding:14px;font-size:.9rem;font-weight:600}.auth-page .btn-primary{color:#0a0e14;background:linear-gradient(#f8b700 0%,#c49200 100%);border:none;transition:all .25s;box-shadow:0 2px 12px #f8b70040,inset 0 1px #ffffff26}.auth-page .btn-primary:hover{background:linear-gradient(#ffc520 0%,#d4a010 100%);transform:translateY(-1px);box-shadow:0 4px 24px #f8b70059}.auth-page .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-blizzard{color:#4da6ff;background:#0074e026;border:1px solid #0074e04d;border-radius:4px;font-weight:600;transition:all .25s}.btn-blizzard:hover{background:#0074e040;border-color:#00aaff80}.auth-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#e4e8ed26,#0000);flex:1;height:1px}.auth-divider span{color:#e4e8ed59;font-size:.8rem}.auth-switch{text-align:center;color:#e4e8ed59;margin-top:24px;font-size:.85rem}.auth-switch a{color:#e4e8ed8c;text-underline-offset:2px;font-weight:500;text-decoration:underline}.auth-switch a:hover{color:#e4e8edcc}@media (width<=768px){.auth-card{padding:32px 24px}.auth-header h1{font-size:1.6rem}.auth-header{margin-bottom:28px}}