@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Nunito:wght@300;400;500;600;700;800&display=swap");:root{color-scheme:dark;--bg:#08070a;--surface:#0f0d14;--panel:#14111c;--panel-2:#1c1828;--panel-3:#231f32;--line:#2e2840;--line-bright:#4a4168;--text:#f0ecff;--muted:#8b82aa;--dim:#5a5272;--gold:#e8b84b;--gold-dim:#a07c28;--gold-bright:#ffd166;--ember:#e8573a;--ember-dim:#9c3420;--violet:#8b6fff;--violet-dim:#5840cc;--green:#52c98a;--green-dim:#2a7a50;--red:#e8503a;--blue:#4aabf0;--cyan:#38d9c0;--font-display:"Cinzel",serif;--font-body:"Nunito",sans-serif;--radius:10px;--radius-lg:16px;--shadow:0 4px 24px rgba(0,0,0,0.5);--shadow-gold:0 0 24px rgba(232,184,75,0.15);--glow-violet:0 0 32px rgba(139,111,255,0.2)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,111,255,.08) 0,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(232,184,75,.04) 0,transparent 50%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--surface) 0,var(--bg) 100%);display:flex;flex-direction:column;padding:0;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{padding:20px 18px 16px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:10px;object-fit:cover;box-shadow:0 0 20px rgba(232,184,75,.3),0 4px 12px rgba(0,0,0,.5);flex-shrink:0}.brand-text h1{font-family:var(--font-display);font-size:1.15rem;font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-text p{font-size:.72rem;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.sidebar-section{padding:16px 12px 8px}.sidebar-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:700;padding:0 6px;margin-bottom:6px}.nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--muted);font-size:.9rem;font-weight:600;transition:all .15s;border:1px solid transparent}.nav-link:hover{background:var(--panel-2);color:var(--text);border-color:var(--line)}.nav-link.active{background:linear-gradient(135deg,rgba(139,111,255,.15),rgba(139,111,255,.05));color:var(--violet);border-color:rgba(139,111,255,.3)}.nav-link svg{flex-shrink:0;opacity:.8}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--line)}.upgrade-banner{background:linear-gradient(135deg,rgba(232,184,75,.12),rgba(232,87,58,.08));border:1px solid rgba(232,184,75,.25);border-radius:var(--radius);padding:14px;margin-bottom:10px}.upgrade-banner h4{font-family:var(--font-display);font-size:.85rem;color:var(--gold);margin-bottom:4px}.upgrade-banner p{font-size:.78rem;color:var(--muted);margin-bottom:10px}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:64px;border-bottom:1px solid var(--line);background:rgba(8,7,10,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,3vw,32px)}.topbar-left{display:flex;flex-direction:column;gap:2px}.topbar-left h1{font-size:1.2rem;font-family:var(--font-display)}.topbar-left p{font-size:.82rem;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:10px}.content{padding:clamp(16px,3vw,32px);flex:1 1}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-header h2{font-size:1rem}.panel-header h3{font-size:.9rem;color:var(--muted);font-family:var(--font-body);font-weight:600}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--line-bright)}.card.interactive:hover{transform:translateY(-1px);cursor:pointer}.card h3{font-size:.95rem;margin-bottom:3px}.card p{font-size:.83rem;color:var(--muted)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-from,var(--violet)),var(--accent-to,var(--violet-dim)))}.stat-card .label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.stat-card .value{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.1;margin:6px 0 2px}.stat-card .sub{font-size:.8rem;color:var(--dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 16px;border-radius:8px;font-weight:700;font-size:.88rem;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold) 55%,#b8821e);border-color:rgba(255,209,100,.4);color:#1a1200;text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px rgba(232,184,75,.3)}.btn-ghost{background:var(--panel-2);border-color:var(--line);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--panel-3);border-color:var(--line-bright)}.btn-danger{background:rgba(232,80,58,.12);border-color:rgba(232,80,58,.35);color:var(--red)}.btn-danger:hover:not(:disabled){background:rgba(232,80,58,.22)}.btn-violet{background:linear-gradient(180deg,rgba(139,111,255,.9),rgba(88,64,204,.9));border-color:rgba(139,111,255,.5);color:#fff}.btn-violet:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--glow-violet)}.btn-sm{min-height:30px;padding:0 10px;font-size:.8rem;border-radius:6px}.btn-lg{min-height:46px;padding:0 22px;font-size:1rem}.btn-icon{padding:0;width:38px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-gold{background:rgba(232,184,75,.15);color:var(--gold);border:1px solid rgba(232,184,75,.3)}.badge-violet{background:rgba(139,111,255,.15);color:var(--violet);border:1px solid rgba(139,111,255,.3)}.badge-green{background:rgba(82,201,138,.15);color:var(--green);border:1px solid rgba(82,201,138,.3)}.badge-red{background:rgba(232,80,58,.15);color:var(--red);border:1px solid rgba(232,80,58,.3)}.badge-ember{background:rgba(232,87,58,.15);color:var(--ember);border:1px solid rgba(232,87,58,.3)}.badge-muted{background:var(--panel-3);color:var(--muted);border:1px solid var(--line)}.badge-blue{background:rgba(74,171,240,.15);color:var(--blue);border:1px solid rgba(74,171,240,.3)}.role-tank{color:#4aabf0}.role-healer{color:var(--green)}.role-melee{color:var(--red)}.role-ranged{color:#c49aff}.role-owner{color:var(--gold)}.role-officer{color:var(--violet)}.role-member{color:var(--muted)}.class-death-knight{color:#C41E3A}.class-demon-hunter{color:#A330C9}.class-druid{color:#FF7C0A}.class-evoker{color:#33937F}.class-hunter{color:#AAD372}.class-mage{color:#3FC7EB}.class-monk{color:#00FF98}.class-paladin{color:#F48CBA}.class-priest{color:#FFFFFF}.class-rogue{color:#FFF468}.class-shaman{color:#0070DD}.class-warlock{color:#8788EE}.class-warrior{color:#C69B3A}.form,.form-row{display:grid;grid-gap:16px;gap:16px}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:.8rem;color:var(--muted);font-weight:700;letter-spacing:.03em;text-transform:uppercase}input,select,textarea{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--line);background:rgba(8,7,10,.6);color:var(--text);padding:8px 12px;transition:border-color .15s;font-family:var(--font-body)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,111,255,.12)}textarea{resize:vertical;min-height:80px;line-height:1.5}select option{background:var(--panel)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;padding:0 2px}.tab{padding:10px 16px;font-size:.88rem;font-weight:700;color:var(--dim);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap;font-family:var(--font-body);margin-bottom:-1px}.tab:hover{color:var(--muted)}.tab.active{color:var(--violet);border-bottom-color:var(--violet)}.status-confirmed{color:var(--green)}.status-invited{color:var(--gold)}.status-tentative{color:var(--blue)}.status-declined{color:var(--red)}.slot-active{color:var(--green)}.muted,.slot-bench{color:var(--muted)}.dim{color:var(--dim)}.flex{gap:8px}.flex,.flex-between{display:flex;align-items:center}.flex-between{justify-content:space-between;gap:12px}.flex-wrap{flex-wrap:wrap}.text-sm{font-size:.83rem}.text-xs{font-size:.75rem}.text-gold{color:var(--gold)}.text-violet{color:var(--violet)}.text-green{color:var(--green)}.text-red{color:var(--red)}.font-display{font-family:var(--font-display)}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:32px}.mt-auto{margin-top:auto}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--line);margin:20px 0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--dim);text-align:center}.empty svg{opacity:.3}.empty h3{font-size:1rem;color:var(--muted)}.empty p{font-size:.85rem;max-width:280px}.notice{padding:12px 16px;border-radius:var(--radius);font-size:.85rem;border:1px solid}.notice-warn{background:rgba(232,184,75,.08);border-color:rgba(232,184,75,.25);color:var(--gold)}.notice-info{background:rgba(139,111,255,.08);border-color:rgba(139,111,255,.25);color:var(--violet)}.notice-success{background:rgba(82,201,138,.08);border-color:rgba(82,201,138,.25);color:var(--green)}.notice-danger{background:rgba(232,80,58,.08);border-color:rgba(232,80,58,.25);color:var(--red)}.outcome-scheduled{color:var(--blue)}.outcome-cleared{color:var(--green)}.outcome-progression{color:var(--violet)}.outcome-farm{color:var(--cyan)}.outcome-cancelled{color:var(--red)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid rgba(46,40,64,.5);font-size:.88rem;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:rgba(255,255,255,.02)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:640px){.topbar{flex-direction:column;align-items:flex-start;min-height:auto;padding:14px 16px}.form-row{grid-template-columns:1fr}}