@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#0f172a;--bg-secondary:#172033;--card-bg:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border:#334155;--accent:#6366f1;--accent-hover:#4f46e5;--accent-dark:#4338ca;--accent-subtle:#6366f11f;--accent-border:#6366f14d;--primary:#6366f1;--bg-primary:#1e293b;--success:#10b981;--success-subtle:#34d3991f;--success-border:#34d3994d;--danger:#ef4444;--danger-subtle:#ef44441f;--danger-border:#ef44444d;--warning:#f59e0b;--warning-subtle:#f59e0b1a;--warning-border:#f59e0b4d;--purple:#8b5cf6;--purple-subtle:#8b5cf61f;--purple-border:#8b5cf64d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.container{max-width:1000px;margin:0 auto;padding:3rem 2rem}.header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:1.5rem}.header h1{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-secondary);font-size:1.1rem}.content h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(to right, var(--accent), #a78bfa);opacity:0;height:4px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 25px -5px #0006}.card:hover:before{opacity:1}.card h3{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--text-secondary);border:1px solid var(--border);background-color:#ffffff0d;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.tag.highlight{color:#93c5fd;background-color:#6366f11a;border-color:#6366f14d}.loading,.empty-state{text-align:center;color:var(--text-secondary);background-color:var(--card-bg);border:1px dashed var(--border);border-radius:12px;padding:4rem;font-size:1.1rem}.toast{background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);z-index:50;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s ease-out forwards slide-up;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px -5px #0006}.toast.success{border-left:4px solid #34d399}.toast.error{border-left:4px solid #f87171}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px #6366f133}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.btn-secondary{border-color:var(--border);color:var(--text-primary);background-color:#ffffff0d}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);background-color:#ffffff1a}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background-color:#ffffff0d}button:not(.nav-item):not(.toggle-slider):not(.sidebar-btn):not(.back-btn){font-family:inherit}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:#34d399}input:focus+.toggle-slider{box-shadow:0 0 1px #34d399}input:checked+.toggle-slider:before{transform:translate(20px)}.card.disabled{opacity:.5;filter:grayscale(80%);border-color:var(--border);box-shadow:none}.card.disabled:hover{border-color:var(--border);transform:none}.card.disabled:before{display:none}.dashboard-layout{background-color:var(--bg-color);width:100vw;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background-color:#111822;flex-direction:column;flex-shrink:0;width:280px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);padding:1.5rem 1rem}.back-btn{border:1px solid var(--border);color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border-radius:6px;width:100%;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding-left:.5rem;font-size:.85rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex}.sidebar-footer{border-top:1px solid var(--border);padding:.75rem 0}.logout-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none}.logout-btn:hover{color:#ef4444;background:#ef444414;border-left-color:#ef4444}.nav-item{color:var(--text-primary);border-left:3px solid #0000;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-item:hover{background-color:#ffffff0d}.nav-item.active{background-color:var(--accent-subtle);border-left-color:var(--accent);color:#a5b4fc;font-weight:600}.main-content{background-color:var(--bg-color);flex-grow:1;min-width:0;padding:3rem 4rem;overflow-y:auto}.feature-settings-header{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.feature-settings-text h3{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.feature-settings-text p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:2rem;animation:.2s ease-out slide-up;box-shadow:0 25px 60px #00000080}.modal-box h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.modal-box p{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.modal-btn-cancel{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.modal-btn-cancel:hover{background:var(--border);color:var(--text-primary)}.modal-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.modal-btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.modal-btn-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.modal-btn-confirm:hover{background:var(--accent-dark,#4f46e5);transform:translateY(-1px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-footer{text-align:center;color:var(--text-secondary);background:linear-gradient(to top, var(--bg-color) 80%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:100;padding:.5rem 1rem;font-size:.72rem;position:fixed;bottom:0;left:0;right:0}.hamburger-btn{z-index:1001;background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:.75rem;transition:all .2s;display:flex;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 8px #0000004d}.hamburger-btn:hover{background:var(--border)}.hamburger-btn:active{transform:scale(.95)}.hamburger-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hamburger-line{background-color:var(--text-primary);transform-origin:50%;border-radius:2px;width:20px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.hamburger-btn.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background:#0009;animation:.2s ease-out fade-in;display:none;position:fixed;inset:0}@media (width>=769px){.hamburger-btn{display:none!important}.sidebar{position:relative!important;left:0!important}}@media (width<=768px) and (hover:none) and (pointer:coarse){.hamburger-btn,.sidebar-overlay{display:block}.sidebar{z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px}.sidebar.sidebar-open{left:0;box-shadow:4px 0 12px #00000080}.nav-item{align-items:center;min-height:48px;padding:1rem 1.5rem;font-size:1rem;display:flex}.nav-item:active{background-color:#ffffff1a}.main-content{width:100%;padding:4.5rem 1rem 2rem}.container{padding:2rem 1rem}.grid{grid-template-columns:1fr;gap:1rem}.header h1{font-size:1.75rem}.subtitle{font-size:.95rem}.card{padding:1rem}.card h3{font-size:1.1rem}.toast{width:auto;bottom:1rem;left:1rem;right:1rem}.feature-settings-header{flex-direction:column;gap:1rem;padding:1.5rem}.feature-settings-text h3{font-size:1.1rem}.feature-settings-text p{font-size:.875rem}.modal-box{margin:1rem;padding:1.5rem}.modal-box h3{font-size:1rem}.modal-box p{font-size:.875rem}.modal-actions{flex-direction:column}.modal-btn-cancel,.modal-btn-danger{width:100%}.app-footer{padding:.4rem .5rem;font-size:.65rem}.tags{flex-wrap:wrap}.dashboard-layout .main-content>div[style*=background]{border-radius:8px}button,.btn{min-height:44px}input,select,textarea{min-height:44px;font-size:16px}div[style*="display: flex"]{flex-wrap:wrap}.form-group{margin-bottom:1.25rem}select{width:100%!important}code{word-break:break-word}}@media (width<=480px){.hamburger-btn,.sidebar-overlay{display:block}.sidebar{z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-280px}.sidebar.sidebar-open{left:0;box-shadow:4px 0 12px #00000080}.main-content{padding:4rem .75rem 2rem}.container{padding:1.5rem .75rem}.header h1{font-size:1.5rem}.subtitle{font-size:.875rem}.feature-settings-header{padding:1rem}.feature-settings-text h3{font-size:1rem}.feature-settings-text p{font-size:.8rem}}.composition-card{border-left:4px solid var(--accent);background:linear-gradient(to bottom right, var(--card-bg), #1e293b80)}.slot-tag{border:1px solid var(--border);color:var(--text-primary);background:#ffffff0d;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;transition:all .2s;display:inline-flex}.slot-tag:hover{border-color:var(--text-secondary);background:#ffffff1a}.slot-count{color:var(--accent);background:#6366f11a;border-radius:4px;padding:.1rem .4rem;font-weight:800}.data-table{border-collapse:collapse;width:100%;margin-top:1rem}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);padding:1rem;font-size:.85rem}.data-table td{border-bottom:1px solid var(--border);padding:1rem}.badge{border:1px solid var(--border);border-radius:4px;align-items:center;padding:.25rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.role-badge{background:#ffffff0d}.action-group{gap:.5rem;display:flex}.modal-content{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:650px;max-width:95vw;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.modal-content h3{background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:1.5rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.modal-content input[type=text],.modal-content select,.modal-content textarea{border:1px solid var(--border);color:var(--text-primary);background:#0f172a99;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:var(--accent);background:#0f172acc;outline:none;box-shadow:0 0 0 3px #6366f11a}.checkbox-group{border:1px solid var(--border);background:#0f172a66;border-radius:10px;justify-content:space-between;align-items:center;margin-top:.5rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.checkbox-group:hover{background:#0f172a99;border-color:#6366f14d}.checkbox-group label{cursor:pointer;width:100%;color:var(--text-primary);flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;font-weight:500;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--accent)}.view-container{animation:.3s ease-out fade-in}.info-card{border:1px solid var(--border);background:#1e293b66;border-radius:10px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden}.info-card.warning{border-left:4px solid var(--warning);background:#f59e0b0d}.info-card p{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.4}.info-card strong{color:var(--warning);margin-right:.25rem}.view-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.font-bold{font-weight:600}.btn-danger{background:var(--danger-subtle);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:#ef444438;border-color:#ef44448c}.btn-success{background:var(--success-subtle);color:#34d399;border-color:var(--success-border)}.btn-success:hover:not(:disabled){background:#34d39938}.btn-subtle{background:var(--accent-subtle);color:#818cf8;border-color:var(--accent-border)}.btn-subtle:hover:not(:disabled){background:#6366f138;border-color:#6366f180}.btn-purple{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#0000;box-shadow:0 4px 12px #6366f14d}.btn-purple:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.82rem;font-weight:500}.btn-lg{border-radius:var(--radius-lg);padding:.9rem 1.75rem;font-size:1.05rem}.btn-link{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:.25rem 0;text-decoration:underline}.btn-link:hover{color:var(--accent-hover)}.input,.select-input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f172a99;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer;opacity:.6;transition:opacity .15s}.input::-webkit-calendar-picker-indicator:hover{opacity:1}.input::-webkit-datetime-edit{color:var(--text-primary)}.input::-webkit-datetime-edit-fields-wrapper{padding:0}.input::-webkit-datetime-edit-text{color:var(--text-secondary)}.input::-webkit-datetime-edit-month-field{color:var(--text-primary);border-radius:3px}.input::-webkit-datetime-edit-day-field{color:var(--text-primary);border-radius:3px}.input::-webkit-datetime-edit-year-field{color:var(--text-primary);border-radius:3px}.input::-webkit-datetime-edit-hour-field{color:var(--text-primary);border-radius:3px}.input::-webkit-datetime-edit-minute-field{color:var(--text-primary);border-radius:3px}.input::-webkit-datetime-edit-ampm-field{color:var(--text-primary);border-radius:3px}.input::-webkit-datetime-edit-month-field:focus{background:var(--accent-subtle);color:var(--accent);outline:none}.input::-webkit-datetime-edit-day-field:focus{background:var(--accent-subtle);color:var(--accent);outline:none}.input::-webkit-datetime-edit-year-field:focus{background:var(--accent-subtle);color:var(--accent);outline:none}.input::-webkit-datetime-edit-hour-field:focus{background:var(--accent-subtle);color:var(--accent);outline:none}.input::-webkit-datetime-edit-minute-field:focus{background:var(--accent-subtle);color:var(--accent);outline:none}.input::-webkit-datetime-edit-ampm-field:focus{background:var(--accent-subtle);color:var(--accent);outline:none}.input:focus,.select-input:focus{border-color:var(--accent);background:#0f172ad9;outline:none;box-shadow:0 0 0 3px #6366f11a}.input:disabled,.select-input:disabled{opacity:.5;cursor:not-allowed}textarea.input{resize:vertical;min-height:80px}.badge-success{background:var(--success-subtle);color:#6ee7b7;border-color:var(--success-border)}.badge-danger{background:var(--danger-subtle);color:#f87171;border-color:var(--danger-border)}.badge-warning{background:var(--warning-subtle);color:#fbbf24;border-color:var(--warning-border)}.badge-info{background:var(--accent-subtle);color:#818cf8;border-color:var(--accent-border)}.badge-purple{background:var(--purple-subtle);color:#c084fc;border-color:var(--purple-border)}.badge-neutral{color:var(--text-secondary);border-color:var(--border);background:#ffffff0d}.page-header{margin-bottom:2rem}.page-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.page-header .subtitle{margin-bottom:0}.toggle-row{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.toggle-row-text{align-items:center;gap:.75rem;display:flex}.toggle-row-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.toggle-row-desc{color:var(--text-secondary);font-size:.8rem}.info-box{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;padding:.75rem 1rem}.info-box.accent{background:var(--accent-subtle);border-color:var(--accent-border);color:#a5b4fc}.info-box.success{background:var(--success-subtle);border-color:var(--success-border);color:#6ee7b7}.info-box.danger{background:var(--danger-subtle);border-color:var(--danger-border);color:#f87171}.info-box.warning{background:var(--warning-subtle);border-color:var(--warning-border);color:#fbbf24}.value-display{background:var(--accent-subtle);border-radius:var(--radius-md);border:1px solid var(--accent-border);text-align:center;margin-bottom:1.5rem;padding:.75rem}.value-display-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem}.value-display-value{color:#a5b4fc;font-size:.95rem;font-weight:600}.btn-warning{background:var(--warning-subtle);color:#fbbf24;border:1px solid var(--warning-border)}.btn-warning:hover:not(:disabled){background:#f59e0b33;border-color:#f59e0b80}.tab-nav{border-bottom:2px solid var(--border);gap:.5rem;margin-bottom:2rem;display:flex}.tab-nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;margin-bottom:-2px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.tab-nav-btn:hover{color:var(--text-primary);background:#ffffff0a}.tab-nav-btn.active{color:var(--text-primary);border-bottom-color:var(--accent);background:#6366f11a;font-weight:700}.activity-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;padding:1rem;transition:all .2s}.activity-card--clickable{cursor:pointer}.activity-card--clickable:hover{border-color:var(--activity-color,var(--border));transform:translate(4px)}.stat-card{border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.stat-card--clickable{cursor:pointer}.stat-card--active{transform:scale(1.02)}.stat-card--clickable:not(.stat-card--active):hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-type-item{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .5rem;transition:all .15s;display:flex}.stat-type-item--active{background:#ec489933}.stat-type-item:not(.stat-type-item--active):hover{background:#ec489914}.job-row{cursor:pointer;align-items:center;gap:1rem;padding:.75rem 1rem;transition:background .15s;display:flex}.job-row:hover{background:#6366f10f}.btn-circle-close{width:40px;height:40px;border-radius:50%!important;padding:.5rem!important}.sync-btn{white-space:nowrap;color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500;transition:color .2s,opacity .2s;display:flex}.sync-btn:not(:disabled):hover{color:var(--accent-hover)}.variable-chip{cursor:pointer;background:#00000026;border:1px solid #0000;border-radius:4px;flex-direction:column;padding:.4rem .6rem;font-size:.8rem;transition:all .2s;display:flex}.variable-chip:hover{background:#6366f10d;border-color:#6366f166}.occ-chip{white-space:nowrap;border-radius:4px;flex-shrink:0;padding:.15rem .45rem;font-size:.7rem;font-weight:600;line-height:1.4}.occ-chip--game{color:#818cf8;background:#6366f11a;border:1px solid #6366f140}.occ-chip--author{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f640}.occ-chip--fill-empty{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d}.occ-chip--fill-partial{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.occ-chip--fill-full{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.occ-chip--countdown{color:#818cf8;font-variant-numeric:tabular-nums;background:#6366f11a;border:1px solid #6366f140}.occ-chip--status{text-transform:uppercase;letter-spacing:.04em}.occ-chip--scheduled{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.occ-chip--open{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840}.occ-chip--live{color:#34d399;background:#34d3991f;border:1px solid #34d3994d}.occ-chip--cancelled{color:#f87171;background:#ef44441a;border:1px solid #ef44444d}.chip-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;margin:0 .1rem}.action-chip{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px;flex-shrink:0;padding:.15rem .45rem;font-size:.7rem;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.action-chip--snapshot{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf64d}.action-chip--snapshot:hover{background:#8b5cf638;border-color:#8b5cf68c}.action-chip--edit{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a}.action-chip--edit:hover{color:var(--text);background:#ffffff14;border-color:#fff3}.action-chip--delete{color:#f87171;background:#ef444414;border:1px solid #ef444440}.action-chip--delete:hover{background:#ef44442e;border-color:#ef444480}.action-chip--lfm{color:#fb923c;background:#fb923c1a;border:1px solid #fb923c4d}.action-chip--lfm:hover{background:#fb923c38;border-color:#fb923c8c}.action-chip--resolve{color:var(--primary);background:#6366f11a;border:1px solid #6366f14d}.action-chip--resolve:hover{background:#6366f138;border-color:#6366f18c}.raid-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.raid-layout{grid-template-columns:1fr}}.raid-list{flex-direction:column;gap:.5rem;display:flex}.raid-occ-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:.85rem 1rem .75rem;transition:border-color .15s,background .15s;overflow:hidden}.raid-occ-card:hover{border-color:var(--text-secondary)}.raid-occ-card--active{background:#6366f112;border-color:var(--accent)!important}.raid-occ-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.raid-occ-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.raid-fill-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.raid-fill-badge--full{color:var(--success);background:#10b98126}.raid-fill-badge--partial{color:var(--warning);background:#f59e0b26}.raid-fill-badge--empty{color:var(--text-secondary);background:#94a3b81a}.raid-occ-meta{color:var(--text-secondary);margin-bottom:.6rem;font-size:.78rem}.raid-occ-game{opacity:.75}.raid-occ-by{opacity:.6}.raid-fill-bar{background:var(--border);border-radius:99px;height:3px;overflow:hidden}.raid-fill-bar-inner{background:var(--warning);border-radius:99px;height:100%;transition:width .3s}.raid-fill-bar-inner--full{background:var(--success)}.raid-detail{min-width:0}.comp-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.comp-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem 1rem;display:flex}.comp-panel-title{align-items:flex-start;gap:.75rem;display:flex}.comp-game-icon{margin-top:.1rem;font-size:1.6rem;line-height:1}.comp-event-name{margin:0 0 .2rem;font-size:1.2rem;font-weight:700}.comp-event-meta{color:var(--text-secondary);font-size:.82rem}.comp-fill-summary{text-align:right;flex-shrink:0}.comp-fill-count{color:var(--warning);font-size:1.6rem;font-weight:800;line-height:1}.comp-fill-count--full{color:var(--success)}.comp-fill-total{color:var(--text-secondary);font-size:1rem;font-weight:600}.comp-fill-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem;font-size:.72rem}.comp-progress-bar{background:var(--border);height:3px;margin:0 1.5rem}.comp-progress-inner{background:var(--warning);height:100%;transition:width .4s}.comp-progress-inner--full{background:var(--success)}.comp-groups{flex-direction:column;gap:1.25rem;padding:1rem 1.5rem 1.5rem;display:flex}.role-group-header{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.role-group-line{border-radius:99px;flex-shrink:0;width:3px;height:1rem}.role-group-name{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.78rem;font-weight:700}.role-group-count{color:var(--text-secondary);background:#94a3b81a;border-radius:99px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.role-group-count--full{color:var(--success);background:#10b98126}.role-group-slots{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;display:grid}.comp-my-signup{border-radius:var(--radius-md);color:var(--text-secondary);background:#6366f114;border:1px solid #6366f140;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 1.5rem 1rem;padding:.6rem .85rem;font-size:.83rem;display:flex}.comp-my-signup .btn{margin-left:auto}.comp-my-signup strong{color:var(--text-primary)}.comp-my-signup-label,.comp-my-signup-class{color:var(--text-secondary)}.comp-my-signup-slot{color:var(--text-secondary);opacity:.7}.signup-me-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);vertical-align:middle;background:#6366f133;border-radius:99px;margin-left:.4rem;padding:.05rem .35rem;font-size:.65rem;font-weight:700;display:inline-block}.signup-card{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:border-color .15s,background .15s;display:flex;position:relative}.signup-card--me{background:#6366f10d;border-color:#6366f14d}.signup-card:hover{border-color:var(--border);background:#ffffff0a}.signup-card--empty{opacity:.45;border:1px dashed var(--border);background:0 0}.signup-avatar{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.signup-avatar--empty{font-size:.9rem;font-weight:400;border-color:var(--border)!important;color:var(--text-secondary)!important;background:0 0!important}.signup-info{flex:1;min-width:0}.signup-char-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.signup-char-name--empty{color:var(--text-secondary);font-style:italic;font-weight:400}.signup-class{color:var(--text-secondary);margin-top:.05rem;font-size:.78rem}.signup-discord{color:var(--text-secondary);opacity:.6;margin-top:.05rem;font-size:.72rem}.signup-remove{width:22px;height:22px;color:var(--danger);cursor:pointer;background:#ef444426;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:background .15s;display:flex}.signup-remove:hover{background:#ef44444d}.signup-actions{opacity:0;flex-shrink:0;gap:.25rem;transition:opacity .15s;display:flex}.signup-card:hover .signup-actions{opacity:1}.signup-move{width:22px;height:22px;color:var(--accent);cursor:pointer;background:#6366f126;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;line-height:1;transition:background .15s;display:flex}.signup-move:hover{background:#6366f14d}.char-card{border-left:4px solid var(--border);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.char-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #00000080;border-color:var(--accent)!important}.char-card.is-main{background:#fbbf2408;border-color:#fbbf24!important}.char-card-header{justify-content:space-between;align-items:flex-start;display:flex}.char-card-actions{gap:.5rem;display:flex}.char-card-body{align-items:center;gap:1rem;margin-top:1rem;display:flex}.char-name{color:#fff;margin:0;font-size:1.2rem}.char-class{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.roster-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.roster-header-actions{align-items:center;gap:.75rem;display:flex}.roster-filter{min-width:200px}.roster-empty{text-align:center;opacity:.6;grid-column:1/-1;padding:4rem}.roster-empty-icon{margin-bottom:1rem;font-size:3rem}.checkbox-row{cursor:pointer;align-items:center;gap:.5rem;padding-top:1.5rem;font-weight:500;display:flex}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;display:block}.landing{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.landing-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ae6;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.landing-nav-brand{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.1rem;font-weight:700;display:flex}.landing-nav-logo{font-size:1.3rem}.landing-nav-actions{align-items:center;gap:.75rem;display:flex}.landing-btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.55rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.landing-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.landing-btn-ghost{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:color .15s,background .15s}.landing-btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.landing-btn-outline{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.55rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s,transform .1s}.landing-btn-outline:hover{border-color:var(--accent);background:var(--accent-subtle);transform:translateY(-1px)}.landing-btn-lg{padding:.8rem 1.75rem;font-size:1rem}.landing-hero{text-align:center;justify-content:center;align-items:center;padding:6rem 2rem 7rem;display:flex;position:relative;overflow:hidden}.landing-hero-inner{z-index:1;max-width:680px;position:relative}.landing-hero-badge{background:var(--accent-subtle);border:1px solid var(--accent-border);color:#93c5fd;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:1.5rem;padding:.3rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.landing-hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#f8fafc 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1}.landing-hero-sub{color:var(--text-secondary);max-width:520px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.65}.landing-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-hero-glow{pointer-events:none;background:radial-gradient(#6366f126 0%,#0000 70%);width:700px;height:450px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.landing-trust-row{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.8rem;display:flex}.landing-trust-sep{opacity:.4}.landing-section{padding:5rem 2rem}.landing-section--alt{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff05}.landing-section-inner{max-width:860px;margin:0 auto}.landing-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.landing-section-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.landing-section-sub{color:var(--text-secondary);margin-bottom:3rem;font-size:1rem}.landing-features-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;display:grid}.landing-feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);gap:1rem;padding:1.5rem;transition:border-color .15s,transform .15s;display:flex}.landing-feature-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.landing-feature-icon{flex-shrink:0;margin-top:.1rem;font-size:1.75rem;line-height:1}.landing-feature-body{flex:1}.landing-feature-title-row{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.landing-feature-title{margin-bottom:.4rem;font-size:1rem;font-weight:700}.landing-feature-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.landing-badge{letter-spacing:.05em;text-transform:uppercase;background:var(--purple-subtle);color:#c4b5fd;border:1px solid var(--purple-border);border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-size:.65rem;font-weight:700}.landing-steps{flex-direction:column;gap:2rem;max-width:560px;display:flex}.landing-step{align-items:flex-start;gap:1.25rem;display:flex}.landing-step-n{background:var(--accent-subtle);border:1px solid var(--accent-border);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.landing-step-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.landing-step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.landing-cta{text-align:center;padding:5rem 2rem}.landing-cta-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.landing-cta-sub{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.landing-section-inner--wide{max-width:1100px}.landing-cta-inner{text-align:center}.landing-loop{align-items:flex-start;gap:0;margin-top:3rem;display:flex;position:relative}.landing-loop:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-border) 15%, var(--accent-border) 85%, transparent);height:1px;position:absolute;top:23px;left:10%;right:10%}.landing-loop-item{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 .75rem;display:flex;position:relative}.landing-loop-icon{background:var(--card-bg);border:1px solid var(--accent-border);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.9rem;font-size:1.3rem;display:flex;position:relative}.landing-loop-title{color:var(--text-primary);margin-bottom:.35rem;font-size:.88rem;font-weight:700}.landing-loop-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.55}.landing-discord-window{background:#313338;border:1px solid #ffffff0f;border-radius:12px;max-width:580px;margin:0 auto;overflow:hidden;box-shadow:0 32px 80px -16px #0009,0 0 0 1px #6366f126,0 0 60px -20px #6366f133}.landing-discord-channel-bar{color:#dbdee1;background:#2b2d31;border-bottom:1px solid #ffffff0f;align-items:center;gap:.35rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;display:flex}.landing-discord-channel-bar:before{content:"#";color:#72767d;font-weight:800}.landing-discord-message{gap:1rem;padding:1rem 1rem .5rem;display:flex}.landing-discord-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;box-shadow:0 2px 8px #6366f166}.landing-discord-message-body{flex:1;min-width:0}.landing-discord-msg-header{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.landing-discord-botname{color:#dbdee1;font-size:.95rem;font-weight:700}.landing-discord-botbadge{color:#fff;letter-spacing:.05em;background:#5865f2;border-radius:3px;padding:.12rem .4rem;font-size:.58rem;font-weight:700}.landing-discord-timestamp{color:#72767d;font-size:.72rem}.landing-embed{background:#2b2d31;border-radius:4px;margin-bottom:.5rem;display:flex;overflow:hidden}.landing-embed-bar{background:linear-gradient(#6366f1,#8b5cf6);flex-shrink:0;width:4px}.landing-embed-inner{flex:1;padding:.8rem 1rem .9rem}.landing-embed-title{color:#c9cdfb;margin-bottom:.35rem;font-size:1rem;font-weight:700}.landing-embed-meta-row{color:#949ba4;margin-bottom:.18rem;font-size:.82rem;line-height:1.5}.landing-embed-role-groups{flex-direction:column;gap:.5rem;margin-top:.85rem;margin-bottom:.75rem;display:flex}.landing-embed-role-group{flex-direction:column;gap:.2rem;display:flex}.landing-embed-role-header{align-items:center;gap:.45rem;margin-bottom:.15rem;display:flex}.landing-embed-role-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.landing-embed-role-dot--tank{background:#6366f1;box-shadow:0 0 6px #6366f199}.landing-embed-role-dot--healer{background:#10b981;box-shadow:0 0 6px #10b98180}.landing-embed-role-dot--dps{background:#ef4444;box-shadow:0 0 6px #ef444480}.landing-embed-role-name{color:#dbdee1;font-size:.88rem;font-weight:700}.landing-embed-role-count{font-size:.8rem;font-weight:600}.landing-embed-role-count--full{color:#34d399}.landing-embed-role-count--partial{color:#fbbf24}.landing-embed-role-slot{border-radius:3px;margin-left:.25rem;padding:.18rem .5rem;font-size:.8rem;line-height:1.5}.landing-embed-role-slot--filled{color:#c8ccd2;background:#ffffff0a;border:1px solid #ffffff0d}.landing-embed-role-slot--empty{color:#4e5259;border:1px dashed #ffffff14;font-style:italic}.landing-embed-footer-text{color:#72767d;border-top:1px solid #ffffff0f;margin-top:.15rem;padding-top:.6rem;font-size:.7rem;line-height:1.5}.landing-discord-buttons{flex-wrap:wrap;gap:.4rem;padding:0 0 1rem;display:flex}.landing-discord-btn{cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:.01em;border-radius:4px;padding:.45rem 1rem;font-size:.82rem;font-weight:500}.landing-discord-btn--primary{color:#fff;background:#5865f2}.landing-discord-btn--disabled{color:#5c6068;background:#3a3c43}.landing-discord-btn--danger{color:#fff;background:#da373c}.landing-footer{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:1.5rem 2rem;font-size:.85rem;display:flex}.landing-footer-sep{opacity:.4}.landing-footer-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;transition:color .15s}.landing-footer-link:hover{color:var(--text-primary)}@media (width<=768px){.landing-loop{flex-direction:column;gap:1.5rem}.landing-loop:before{display:none}.landing-loop-item{text-align:left;flex-direction:row;align-items:flex-start;gap:1rem}.landing-loop-icon{margin-bottom:0}}@media (width<=640px){.landing-hero{padding:4rem 1.25rem 5rem}.landing-section,.landing-cta{padding:3.5rem 1.25rem}.landing-features-grid{grid-template-columns:1fr}.landing-nav{padding:1rem 1.25rem}.landing-trust-row{gap:.4rem}}.ss-container{position:relative}.ss-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.ss-trigger-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-chevron{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;transition:transform .15s}.ss-chevron--open{transform:rotate(180deg)}.ss-dropdown{z-index:200;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000080}.ss-search-wrap{border-bottom:1px solid var(--border);padding:.5rem}.ss-search{margin:0}.ss-list{overscroll-behavior:contain;max-height:220px;overflow-y:auto}.ss-list::-webkit-scrollbar{width:6px}.ss-list::-webkit-scrollbar-track{background:0 0}.ss-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ss-option{color:var(--text-primary);cursor:pointer;padding:.5rem .75rem;font-size:.875rem;transition:background .1s}.ss-option:hover{background:var(--accent-subtle);color:var(--accent)}.ss-option--selected{background:var(--accent-subtle);color:var(--accent);font-weight:600}.ss-empty{text-align:center;color:var(--text-secondary);padding:.75rem;font-size:.875rem}.sidebar-guild-header{grid-template-columns:1fr auto;align-items:center;gap:1rem;width:100%;display:grid}.sidebar-guild-info{align-items:center;gap:.6rem;min-width:0;display:flex}.sidebar-guild-icon{border-radius:50%;flex-shrink:0;width:28px;height:28px}.sidebar-guild-placeholder{background:var(--accent-subtle);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.sidebar-guild-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;overflow:hidden}.sync-icon{font-size:1rem;display:inline-block}.sync-icon--spinning{animation:1s linear infinite spin}.sync-btn--syncing{color:var(--text-secondary);cursor:wait;opacity:.5}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{text-align:center;background:linear-gradient(135deg,#6366f10d 0%,#8b5cf60d 100%);width:100%;max-width:460px;padding:3rem 2.5rem;border:2px solid #6366f133!important}.login-logo{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:3px solid #ffffff1a;border-radius:22px;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 1.5rem;font-size:3rem;display:flex;box-shadow:0 8px 32px #6366f166}.login-title{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.login-subtitle-sm{color:var(--text-secondary);opacity:.8;margin-bottom:2.5rem;font-size:.9rem}.login-btn{width:100%;border-radius:12px!important;gap:.75rem!important;padding:1rem!important;font-size:1.05rem!important}.login-footer-text{color:var(--text-secondary);opacity:.6;margin-top:2rem;font-size:.8rem}.btn-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:1.1rem;height:1.1rem;animation:.8s linear infinite spin;display:inline-block}.flex-shrink-0{flex-shrink:0}.guilds-header{text-align:center;margin-bottom:2.5rem}.guilds-logo{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:2px solid #ffffff1a;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;font-size:2.5rem;display:flex;box-shadow:0 8px 32px #6366f14d}.guilds-title{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.guild-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.guild-card-icon{border-radius:50%;flex-shrink:0;width:48px;height:48px}.guild-card-placeholder{background-color:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.card--inactive{opacity:.8;cursor:default!important;border-style:dashed!important}.card--inactive:hover{box-shadow:none!important;transform:none!important}.card--interactive{cursor:pointer}.guilds-footer{text-align:center;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.guilds-empty{text-align:center;padding:3rem 1rem}.guilds-empty-icon{margin-bottom:1rem;font-size:3rem}.guilds-footer-subtitle{margin-bottom:.75rem;font-size:.9rem}