:root{--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--text-7xl: 6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--blue: #0071e3;--blue-dark: #0077ED;--link-blue: #06c;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f7;--gray-200: #e8e8ed;--gray-300: #d2d2d7;--gray-400: #86868b;--gray-500: #6e6e73;--gray-600: #515154;--gray-700: #424245;--gray-800: #1d1d1f;--gray-900: #000000;--bg: var(--white);--bg-secondary: var(--gray-100);--text: var(--gray-900);--text-secondary: var(--gray-500);--border: var(--gray-200);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--ease: cubic-bezier(.28, .11, .32, 1);--duration: .4s}[data-theme=dark]{--bg: var(--gray-900);--bg-secondary: var(--gray-800);--text: var(--white);--text-secondary: var(--gray-400);--border: var(--gray-700)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-system);font-size:var(--text-base);line-height:1.47059;font-weight:400;letter-spacing:-.022em;color:var(--text);background:var(--bg);transition:background .3s var(--ease),color .3s var(--ease)}.container{max-width:980px;margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--space-6)}.nav{position:fixed;top:0;left:0;right:0;z-index:9999;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.1);height:48px}[data-theme=dark] .nav{background:#1d1d1fb8;border-bottom-color:#ffffff1a}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:980px;margin:0 auto;padding:0 var(--space-6)}.nav-logo{font-size:1.25rem;font-weight:600;color:var(--text);text-decoration:none;letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav-link{font-size:.875rem;color:var(--text);text-decoration:none;opacity:.8;transition:opacity .15s ease}.nav-link:hover{opacity:1}.nav-link.active{opacity:1;font-weight:600;color:var(--link-blue)}.theme-toggle{width:32px;height:32px;border:none;background:transparent;color:var(--text);cursor:pointer;opacity:.6;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{opacity:1}.hero{padding:calc(48px + var(--space-32)) 0 var(--space-32);min-height:100vh;display:flex;align-items:center;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-secondary) 100%);overflow:hidden}.hero .hero-bg{position:relative;height:0}.hero .glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(60px);opacity:.35;pointer-events:none;will-change:transform}.hero .glow-a{background:radial-gradient(closest-side,#0071e399,transparent 70%);top:-200px;left:-80px}.hero .glow-b{background:radial-gradient(closest-side,#34c75999,transparent 70%);top:-160px;right:-120px}.hero .grid{position:absolute;inset:-120px -40px auto -40px;height:420px;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.08;border-radius:var(--radius-xl)}.hero-content{text-align:center}.hero-eyebrow{font-size:var(--text-lg);font-weight:600;color:var(--blue);margin-bottom:var(--space-4);letter-spacing:.011em}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:600;line-height:1.05;letter-spacing:-.015em;color:var(--text);margin-bottom:var(--space-6)}@supports (-webkit-background-clip: text){.hero-title{background-image:linear-gradient(90deg,var(--text) 0%,var(--text) 55%,var(--blue) 85%,#34c759 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.hero-subtitle{font-size:var(--text-2xl);line-height:1.4;color:var(--text-secondary);max-width:640px;margin:0 auto var(--space-12);font-weight:400}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 22px;font-size:1.0625rem;line-height:1.381;font-weight:400;text-decoration:none;border-radius:980px;transition:all .15s ease;cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed;filter:saturate(.6)}.btn-secondary{background:transparent;color:var(--link-blue);border:1px solid var(--link-blue)}.btn-secondary:hover{background:var(--link-blue);color:#fff}.section{padding:var(--space-32) 0}.section-header{text-align:center;margin-bottom:var(--space-20)}.section-eyebrow{font-size:var(--text-lg);font-weight:600;color:var(--blue);margin-bottom:var(--space-3);letter-spacing:.011em}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1;letter-spacing:-.015em;color:var(--text);margin-bottom:var(--space-6)}.section-description{font-size:var(--text-xl);line-height:1.5;color:var(--text-secondary);max-width:640px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.feature{padding:var(--space-8);background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--duration) var(--ease)}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue)}.feature-icon{width:56px;height:56px;background:var(--blue);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}.feature-icon svg{width:28px;height:28px;color:#fff}.reveal-item{opacity:0;transform:translateY(10px);transition:opacity .42s var(--ease),transform .42s var(--ease);will-change:opacity,transform}.reveal-in{opacity:1;transform:translateY(0)}.btn{outline:none}.btn-primary{box-shadow:0 8px 20px #0071e340}.btn-primary:hover{box-shadow:0 10px 26px #0071e359}.how-it-works .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.how-it-works .step{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:left;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.how-it-works .step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.how-it-works .step-number{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-weight:600;margin-bottom:var(--space-4)}.how-it-works h3{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:600}.how-it-works p{margin:0;color:var(--text-secondary)}@media (max-width: 900px){.how-it-works .steps{grid-template-columns:1fr}}.final-cta{padding:var(--space-24) 0 calc(var(--space-32) + 128px)}.final-cta-card{background:linear-gradient(135deg,#0071e31f,#34c7591a);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-12);text-align:center;box-shadow:var(--shadow-md)}.final-cta-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.final-cta-card .hero-cta{margin-top:var(--space-4)}@media (max-width: 768px){.final-cta{padding-bottom:calc(var(--space-32) + 160px)}}.final-cta-card h2{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-3)}.final-cta-card p{color:var(--text-secondary);margin-bottom:var(--space-6)}.feature-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.01em}.feature-description{font-size:var(--text-base);line-height:1.5;color:var(--text-secondary)}.content-page{padding:calc(48px + var(--space-24)) 0 var(--space-32);min-height:100vh}.content-header{text-align:center;margin-bottom:var(--space-20)}.content-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.015em;margin-bottom:var(--space-4)}.content-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.content-body{max-width:720px;margin:0 auto}.content-body h2{font-size:var(--text-3xl);font-weight:600;margin-top:var(--space-16);margin-bottom:var(--space-6);letter-spacing:-.01em}.content-body h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-12);margin-bottom:var(--space-4)}.content-body p{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-6)}.content-body ul,.content-body ol{margin-left:var(--space-6);margin-bottom:var(--space-6)}.content-body li{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-3)}.content-body strong{font-weight:600;color:var(--text)}.content-body code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:.9em}.content-body a{color:var(--link-blue);text-decoration:none}.content-body a:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--link-blue);text-decoration:none}.back-link:before{content:"←";display:inline-block}.back-link:hover{text-decoration:underline}.bind-arrow{display:inline-block;font-size:0;margin:0 var(--space-2)}.bind-arrow:before{content:"→";font-size:var(--text-base);color:var(--text-secondary)}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #0071e359;border-radius:var(--radius-sm)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary),var(--gray-200),var(--bg-secondary));background-size:200% 100%;animation:shimmer 1.2s infinite var(--ease);border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{background:var(--bg-secondary);padding:var(--space-20) 0 var(--space-12);border-top:1px solid var(--border)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-12);margin-bottom:var(--space-12)}.footer-section h4{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4);color:var(--text)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--space-2)}.footer-section a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.footer-section a:hover{color:var(--text)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border);text-align:center;font-size:var(--text-xs);color:var(--text-secondary)}@media (max-width: 768px){.nav-links{gap:var(--space-4)}.nav-link{font-size:.8125rem}.hero{padding:calc(48px + var(--space-20)) 0 var(--space-20)}.hero-cta{flex-direction:column;align-items:center}.btn{min-width:200px}.features-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.toast-container{position:fixed;top:80px;right:var(--space-6);z-index:10001;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{min-width:320px;max-width:400px;padding:var(--space-4) var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 1px #0000001a;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);display:flex;align-items:flex-start;gap:var(--space-3);pointer-events:all;animation:toastSlideIn .3s cubic-bezier(.28,.11,.32,1);transition:all .2s ease}.toast.toast-exit{animation:toastSlideOut .2s cubic-bezier(.28,.11,.32,1);opacity:0;transform:translate(400px)}.toast-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.toast-success .toast-icon{background:#34c759;color:#fff}.toast-error .toast-icon{background:#ff3b30;color:#fff}.toast-info .toast-icon{background:var(--blue);color:#fff}.toast-content{flex:1;padding-top:2px}.toast-title{font-weight:600;font-size:var(--text-sm);color:var(--text);margin-bottom:var(--space-1)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@media (max-width: 768px){.toast-container{right:var(--space-4);left:var(--space-4)}.toast{min-width:auto;max-width:none}}.account-manager{min-height:100vh;background:var(--bg);padding-top:48px}.user-avatar-wrap{position:relative;width:64px;height:64px}.user-avatar-wrap .user-avatar{width:64px;height:64px;border-radius:50%;border:0;display:block}.user-avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(var(--blue),#34c759,var(--blue));filter:saturate(1.1);opacity:0;transition:opacity var(--duration) var(--ease)}.user-avatar-wrap.is-verified .user-avatar-ring{opacity:1}.login-prompt{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.login-card{text-align:center;max-width:480px;width:100%}.login-icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--blue)}.login-card h1{font-size:var(--text-4xl);font-weight:600;margin-bottom:var(--space-4);letter-spacing:-.025em}.login-card p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.5}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);gap:var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(255,255,255,.06) 37%,var(--bg-secondary) 63%);background-size:400% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-state,.error-state,.empty-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.loading-state .spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-6)}.error-state svg,.empty-state svg{color:var(--text-secondary);margin-bottom:var(--space-6)}.error-state h3,.empty-state h3{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3)}.error-state p,.empty-state p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6);max-width:480px}.account-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);position:relative;overflow:hidden}.dashboard-header{position:relative;background:linear-gradient(180deg,var(--bg),var(--bg-secondary));overflow:hidden}.dashboard-header:after,.account-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--blue),#34c759);opacity:.15;pointer-events:none}.dashboard-header:before,.account-header:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:-160px;left:-140px;background:radial-gradient(closest-side,rgba(0,113,227,.18),transparent 70%);filter:blur(48px);opacity:.6;pointer-events:none}.dashboard-header:before{left:-120px;top:-140px}.account-header:before{right:-120px;left:auto;top:-140px;background:radial-gradient(closest-side,rgba(52,199,89,.18),transparent 70%)}.account-content .section-header h2:after,.settings-section .section-title:after{content:"";display:block;width:64px;height:3px;border-radius:999px;margin-top:var(--space-3);background:linear-gradient(90deg,var(--blue),#34c759);opacity:.35}.account-content .section-header{position:relative;padding-bottom:var(--space-4);margin-bottom:var(--space-8)}.account-content .section-header h2:after{display:none}.account-content .section-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue),#34c759);opacity:.35}[data-theme=dark] .dashboard-header:after,[data-theme=dark] .account-header:after{opacity:.28}[data-theme=dark] .dashboard-header:before,[data-theme=dark] .account-header:before{opacity:.7;filter:blur(56px)}.user-info{display:flex;align-items:center;gap:var(--space-4)}.user-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--border)}.user-details h1{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-1)}.user-tag{color:var(--text-secondary);font-size:var(--text-base)}.account-content{padding:var(--space-8);max-width:1200px;margin:0 auto}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-6)}.toolbar .spacer{flex:1}.toolbar-input,.toolbar-select{height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.toolbar-input{width:260px}.toolbar-select{width:180px}.section-header{margin-bottom:var(--space-8)}.section-header h2{font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-3);letter-spacing:-.025em}.section-header p{font-size:var(--text-lg);color:var(--text-secondary)}.guilds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-6)}.guild-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--duration) var(--ease)}.guild-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.guild-icon{width:64px;height:64px;flex-shrink:0}.guild-icon img{width:100%;height:100%;border-radius:var(--radius);object-fit:cover}.guild-info{flex:1}.guild-name{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.verification-status{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:999px;font-size:var(--text-sm);font-weight:500}.verification-status.verified{background:#34c7591a;color:#34c759}.verification-status.unverified{background:#ff95001a;color:#ff9500}.verification-status svg{flex-shrink:0}.verification-status strong{font-weight:600}.guild-actions{display:flex;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.guild-actions .btn{flex:1}.account-manager .guild-actions{border-top:none;padding-top:0;margin-top:var(--space-2)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal.active{display:flex}.modal-content{background:var(--bg);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh!important;display:flex!important;flex-direction:column!important;box-shadow:var(--shadow-lg);animation:modalSlideIn var(--duration) var(--ease)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0!important}.modal-header h3{font-size:var(--text-xl);font-weight:600}.modal-close{background:none;border:none;font-size:var(--text-3xl);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration) var(--ease)}.modal-body{padding:var(--space-6);overflow-y:auto!important;flex:1!important;min-height:0!important}.modal-body>p{color:var(--text-secondary);margin-bottom:var(--space-6)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border);display:flex;gap:var(--space-3);justify-content:flex-end;flex-shrink:0!important}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 100%)}.verify-container{max-width:600px;width:100%}.verify-card{background:var(--bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn .6s var(--ease)}.verify-header{text-align:center;padding:var(--space-12) var(--space-8) var(--space-8);border-bottom:1px solid var(--border)}.verify-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0071e3,#0077ed);border-radius:50%;margin-bottom:var(--space-6);color:#fff}.verify-header h1{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-3);letter-spacing:-.03em}.verify-subtitle{color:var(--text-secondary);font-size:var(--text-lg)}.verify-options{padding:var(--space-8)}.verify-option{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);transition:all var(--duration) var(--ease)}.verify-option:hover{border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a}.option-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.option-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);flex-shrink:0}.option-icon.quick{background:linear-gradient(135deg,#0071e3,#0077ed)}.option-icon.manual{background:linear-gradient(135deg,#86868b,#6e6e73)}.option-header h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-1)}.option-header p{color:var(--text-secondary);font-size:var(--text-sm)}.option-body{margin-top:var(--space-4)}.option-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.verify-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-8) 0}.verify-divider:before,.verify-divider:after{content:"";flex:1;height:1px;background:var(--border)}.verify-divider span{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.verify-loading{padding:var(--space-16) var(--space-8);text-align:center}.verify-loading p{color:var(--text-secondary);margin-top:var(--space-6)}.spinner{display:inline-block;width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.verify-error{padding:var(--space-16) var(--space-8);text-align:center}.verify-error svg{color:#ff3b30;margin-bottom:var(--space-6)}.verify-error h3{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3);color:#ff3b30}.verify-error p{color:var(--text-secondary);margin-bottom:var(--space-8)}.verify-success{padding:var(--space-16) var(--space-8);text-align:center}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#34c759,#30d158);border-radius:50%;margin-bottom:var(--space-6);animation:successPulse .6s var(--ease)}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon svg{color:#fff}.verify-success h3{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-3);color:#34c759}.verify-success p{color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6}.verify-footer{text-align:center;padding:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm)}.verify-footer p{margin-bottom:var(--space-3)}.verify-help{color:var(--text-secondary)}.verify-help a{color:var(--blue);text-decoration:none;font-weight:500}.verify-help a:hover{text-decoration:underline}@media (max-width: 768px){.verify-page{padding:var(--space-4)}.verify-header{padding:var(--space-8) var(--space-6) var(--space-6)}.verify-header h1{font-size:var(--text-2xl)}.verify-options{padding:var(--space-6)}.verify-option{padding:var(--space-4)}.option-header{flex-direction:column;text-align:center}.account-header{flex-direction:column;align-items:flex-start}.user-info{width:100%}.guilds-grid{grid-template-columns:1fr}.guild-card{padding:var(--space-4)}.guild-actions{flex-direction:column}}.custom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s var(--ease)}[data-theme=dark] .custom-modal-overlay{background:#000000b3}.custom-modal-overlay.active{opacity:1;visibility:visible}.custom-modal{width:100%;max-width:600px;transform:scale(.95) translateY(20px);opacity:0;transition:all .4s var(--ease)}.custom-modal-overlay.active .custom-modal{transform:scale(1) translateY(0);opacity:1}.custom-modal-content{background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040,0 0 1px #0000001a;border:1px solid var(--border);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .custom-modal-content{box-shadow:0 25px 50px -12px #000000b3,0 0 1px #ffffff1a;border-color:var(--gray-700)}.custom-modal-icon{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6) var(--space-4);flex-shrink:0}.custom-modal-icon svg{width:48px;height:48px}.custom-modal-icon.alert-triangle{color:#ff9500}.custom-modal-icon.check-circle{color:#34c759}.custom-modal-icon.x-circle{color:#ff3b30}.custom-modal-icon.info{color:var(--blue)}.modal-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.custom-modal-header{padding:var(--space-6) var(--space-6) var(--space-4);text-align:center;flex-shrink:0}.custom-modal[data-type=confirm] .custom-modal-header,.custom-modal[data-type=alert] .custom-modal-header{padding-top:0}.custom-modal[data-type=custom] .custom-modal-header{padding-bottom:var(--space-6);text-align:left;border-bottom:1px solid var(--border)}.custom-modal-header h2,.custom-modal-header h3{font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:0}.custom-modal-body{padding:var(--space-4) var(--space-6) var(--space-6);text-align:center;overflow-y:auto;flex:1;min-height:0}.custom-modal[data-type=custom] .custom-modal-body{text-align:left;padding:var(--space-6)}.custom-modal-body p{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin:0}.custom-modal-input{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-4);font-size:var(--text-base);font-family:var(--font-system);color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:all .2s var(--ease)}.custom-modal-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a;background:var(--bg)}.custom-modal-input::placeholder{color:var(--gray-400)}.custom-modal-footer{padding:var(--space-6);padding-top:0;display:flex;gap:var(--space-3);justify-content:center;flex-shrink:0}.custom-modal[data-type=custom] .custom-modal-footer{border-top:1px solid var(--border);padding-top:var(--space-6);justify-content:flex-end}.modal-footer .btn,.custom-modal-footer .btn{flex:1;min-width:100px;max-width:160px}.custom-modal .form-group{margin-bottom:var(--space-6);text-align:left}.custom-modal .form-group:last-child{margin-bottom:0}.custom-modal .form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.custom-modal .form-group label small{font-weight:400;color:var(--text-secondary)}.custom-modal .form-control,.custom-modal select,.custom-modal input[type=text],.custom-modal input[type=number],.custom-modal input[type=email],.custom-modal input[type=password],.custom-modal textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-system);color:var(--text);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:all .2s var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-modal select,.custom-modal select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right var(--space-3) center!important;background-size:12px!important;padding-right:var(--space-8);cursor:pointer}[data-theme=dark] .custom-modal select,[data-theme=dark] .custom-modal select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important}.custom-modal .form-control:hover,.custom-modal select:hover,.custom-modal input:hover,.custom-modal textarea:hover{border-color:var(--blue)}.custom-modal .form-control:focus,.custom-modal select:focus,.custom-modal input:focus,.custom-modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a;background:var(--bg)}.custom-modal .form-control::placeholder,.custom-modal input::placeholder,.custom-modal textarea::placeholder{color:var(--text-secondary);opacity:.6}.custom-modal .form-text,.custom-modal small.form-text{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.custom-modal .form-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.custom-modal .form-section:first-child{margin-top:0;padding-top:0;border-top:none}.custom-modal .form-section h3{font-size:var(--text-lg);font-weight:700;color:var(--text);margin-bottom:var(--space-4)}.custom-modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.custom-modal .checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.custom-modal .checkbox-label{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease);-webkit-user-select:none;user-select:none}.custom-modal .checkbox-label:hover{border-color:var(--blue);background:#0071e30d}.custom-modal .checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer;flex-shrink:0}.custom-modal .checkbox-label span{font-size:var(--text-sm);font-weight:500;color:var(--text)}.custom-modal .checkbox-label input[type=checkbox]:checked+span{color:var(--blue);font-weight:600}.btn-danger{background:#ff3b30;color:#fff}.btn-danger:hover{background:#ff2d20}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.custom-modal-overlay{padding:var(--space-4);align-items:flex-end}.custom-modal{max-width:100%}.custom-modal-content{border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-footer,.custom-modal-footer{flex-direction:column-reverse}.modal-footer .btn,.custom-modal-footer .btn{width:100%;max-width:none}.custom-modal .checkbox-group,.custom-modal .form-row{grid-template-columns:1fr}}.user-verification-badge{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#34c7591a;border:1px solid rgba(52,199,89,.3);border-radius:var(--radius);font-size:var(--text-sm);color:#34c759}.user-verification-badge svg{flex-shrink:0}.global-verification-info{margin:var(--space-8) 0;animation:slideDown .3s var(--ease)}.global-verification-info .info-card{max-width:760px;margin-left:auto;margin-right:auto}.info-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,#0071e314,#667eea14);border:1px solid rgba(0,113,227,.2);border-radius:var(--radius-lg)}.info-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--blue);border-radius:var(--radius);color:#fff}.info-content h4{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:600;color:var(--text);letter-spacing:-.02em}.info-content p{margin:0;font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.guild-card.verified{border:2px solid transparent;background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(90deg,var(--blue),#34c759) border-box}.verification-status.inactive{color:var(--gray-400)}.verification-status.inactive svg{color:var(--gray-400)}.roblox-account-info{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.roblox-account-info strong{color:var(--text);font-weight:600}.helper-text{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.guild-actions .btn svg{margin-right:var(--space-2)}.btn-sm svg{width:14px;height:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .info-card{background:linear-gradient(135deg,#0071e31f,#667eea1f)}[data-theme=dark] .user-verification-badge{background:#34c75926}[data-theme=dark] .roblox-account-info{background:#ffffff0d}@media (max-width: 768px){.info-card{flex-direction:column;text-align:center;align-items:center}.guild-actions{flex-direction:column;gap:var(--space-2)}.guild-actions .btn{width:100%}}.onboarding-section{margin-bottom:var(--space-8)}.onboarding-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.onboarding-card h2{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.onboarding-card>p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.onboarding-steps{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.onboarding-step{display:flex;gap:var(--space-4);align-items:flex-start}.step-number{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:700;box-shadow:var(--shadow-md)}.step-content{flex:1}.step-content h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.step-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}.step-content ul{list-style:none;padding-left:0;margin-top:var(--space-3)}.step-content ul li{padding-left:var(--space-6);position:relative;margin-bottom:var(--space-2);color:var(--text-secondary)}.step-content ul li:before{content:"•";position:absolute;left:var(--space-3);color:var(--primary);font-weight:700}.step-content a{color:var(--link-blue);text-decoration:none;transition:color .2s}.step-content a:hover{color:var(--primary);text-decoration:underline}.groups-list{display:flex;flex-direction:column;gap:var(--space-4)}.group-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;cursor:pointer}.group-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-card.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.02));box-shadow:var(--shadow-lg)}.group-info h3{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.group-meta{font-size:var(--text-sm);color:var(--text-secondary)}.group-actions{display:flex;gap:var(--space-2)}.binds-list{display:flex;flex-direction:column;gap:var(--space-4)}.bind-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.bind-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.bind-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.bind-header h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.bind-arrow{font-size:var(--text-2xl);color:var(--primary);font-weight:700}.roblox-rank{font-size:var(--text-lg);font-weight:600;color:var(--success);background:rgba(var(--success-rgb),.1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.bind-meta{font-size:var(--text-sm);color:var(--text-secondary)}.bind-actions{display:flex;gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-new{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;margin-left:auto}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;text-decoration:none;position:relative}.settings-nav-item svg{flex-shrink:0;stroke:currentColor}.settings-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.settings-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.custom-modal-content{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-8);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.custom-modal-content h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.custom-modal-content>p{color:var(--text-secondary);margin-bottom:var(--space-6)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.form-control{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-system);background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-text{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.text-muted{color:var(--text-secondary)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.coming-soon-section{background:linear-gradient(135deg,var(--bg) 0%,var(--bg-secondary) 100%);border:none;padding:var(--space-8) var(--space-12)}.coming-soon-hero{text-align:center;margin-bottom:var(--space-8);animation:fadeInUp .6s ease}.coming-soon-icon-large{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);border-radius:20px;margin-bottom:var(--space-4);color:#fff;box-shadow:0 10px 30px #0071e34d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.coming-soon-title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-.03em;background:linear-gradient(135deg,var(--text) 0%,var(--gray-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-subtitle{font-size:var(--text-lg);font-weight:600;color:var(--blue);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em}.coming-soon-description{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);max-width:640px;margin:0 auto}.features-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.feature-preview-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all .3s var(--ease);animation:fadeInUp .6s ease;animation-fill-mode:both}.feature-preview-card:nth-child(1){animation-delay:.1s}.feature-preview-card:nth-child(2){animation-delay:.2s}.feature-preview-card:nth-child(3){animation-delay:.3s}.feature-preview-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.feature-preview-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease)}.feature-preview-icon.roblox-to-discord{background:linear-gradient(135deg,#34c759,#30d158);color:#fff;box-shadow:0 10px 30px #34c7594d}.feature-preview-icon.discord-to-roblox{background:linear-gradient(135deg,#5856d6,#7b68ee);color:#fff;box-shadow:0 10px 30px #5856d64d}.feature-preview-icon.bidirectional{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;box-shadow:0 10px 30px #0071e34d}.feature-preview-card h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3);letter-spacing:-.02em;color:var(--text)}.feature-preview-card p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);margin:0}.feature-preview-card code{background:var(--bg-secondary);padding:3px 8px;border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9em;color:var(--blue);font-weight:600}.coming-soon-footer{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--border)}.coming-soon-footer p{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.onboarding-card{padding:var(--space-6)}.onboarding-step{flex-direction:column}.step-number{width:40px;height:40px;font-size:var(--text-lg)}.group-card,.bind-card{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.group-actions,.bind-actions{width:100%;justify-content:flex-end}.bind-header{flex-wrap:wrap}.coming-soon-section{padding:var(--space-6) var(--space-4)}.coming-soon-icon-large{width:64px;height:64px;margin-bottom:var(--space-3)}.coming-soon-icon-large svg{width:36px;height:36px}.coming-soon-title{font-size:var(--text-2xl)}.coming-soon-subtitle{font-size:var(--text-base)}.coming-soon-description{font-size:var(--text-sm)}.features-preview-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-preview-icon{width:56px;height:56px}.feature-preview-icon svg{width:24px;height:24px}.feature-preview-card{padding:var(--space-4)}.feature-preview-card h3{font-size:var(--text-lg)}}.account-manager .guild-card .guild-actions{border-top:0!important;padding-top:0;margin-top:var(--space-2)}.account-manager .guilds-grid>.guild-card:nth-child(-n+2){border-top-color:transparent}.account-manager .account-header{border-bottom:0!important}.account-manager .account-header:after{display:none!important}.account-manager .account-content .section-header:after{display:none!important}.account-manager .modal-footer{border-top:0!important}.banned-screen{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-20);background:linear-gradient(135deg,#ff3b300d,#ff3b3005);border:2px solid rgba(255,59,48,.2);border-radius:var(--radius-xl);animation:fadeIn .6s var(--ease)}.banned-icon{width:80px;height:80px;margin-bottom:var(--space-6);color:#ff3b30;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff3b301a,#ff3b300d);border-radius:50%;padding:var(--space-6)}.banned-screen h2{font-size:var(--text-4xl);font-weight:700;color:#ff3b30;margin-bottom:var(--space-4);letter-spacing:-.03em}.banned-message{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:480px;line-height:1.6}.ban-details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);max-width:480px;width:100%}.ban-detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.ban-detail-item:last-child{border-bottom:none}.ban-detail-item strong{font-weight:600;color:var(--text);font-size:var(--text-base)}.ban-detail-item span{color:var(--text-secondary);font-size:var(--text-base);text-align:right}.banned-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.banned-footer p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media (max-width: 768px){.banned-screen{padding:var(--space-12) var(--space-6)}.banned-icon{width:64px;height:64px;margin-bottom:var(--space-4)}.banned-screen h2{font-size:var(--text-2xl)}.banned-message{font-size:var(--text-base)}.ban-details{padding:var(--space-4)}}.staff-dashboard-container{max-width:1400px;margin:0 auto;padding:32px}.dashboard-section{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px}.dashboard-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text)}.staff-info-card{background:var(--surface-secondary);border-radius:12px;padding:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:13px;color:var(--text-secondary);font-weight:500}.info-item .value{font-size:16px;font-weight:600;color:var(--text)}.staff-roles-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.roles-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.role-badge{padding:6px 12px;background:var(--blue-light);color:var(--blue);border-radius:8px;font-size:13px;font-weight:500}.permissions-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.permission-item{display:flex;align-items:center;gap:8px;padding:10px;background:var(--surface-secondary);border-radius:8px;font-size:13px}.permission-item.enabled{color:var(--success)}.permission-item.disabled{color:var(--text-tertiary);opacity:.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:var(--surface-secondary);border-radius:12px;padding:20px;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,var(--blue-light) 0%,var(--blue-lighter) 100%);border:1px solid var(--blue)}.stat-value{font-size:32px;font-weight:700;color:var(--text);margin-bottom:8px}.staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.staff-member-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.staff-member-card.on-duty{border-color:var(--success);background:var(--success-light)}.staff-member-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.member-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);font-size:24px}.member-info{flex:1;min-width:0}.member-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.duty-badge{display:inline-block;padding:2px 8px;background:var(--success);color:#fff;border-radius:4px;font-size:11px;font-weight:600;margin-left:8px}.member-stats{font-size:13px;color:var(--text-secondary)}.timeframe-selector{display:flex;gap:8px;margin-bottom:16px}.timeframe-btn{padding:8px 16px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.timeframe-btn:hover{background:var(--surface-tertiary)}.timeframe-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-entry{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px}.leaderboard-entry.rank-1{background:linear-gradient(135deg,gold,orange);color:#000;font-weight:600}.leaderboard-entry.rank-2{background:linear-gradient(135deg,silver,gray)}.leaderboard-entry.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513)}.rank-badge{font-size:20px;font-weight:700;min-width:40px;text-align:center}.member-avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar-small img{width:100%;height:100%;object-fit:cover}.member-info-inline{flex:1;display:flex;align-items:center;gap:12px}.member-level{padding:4px 8px;background:var(--surface-tertiary);border-radius:6px;font-size:12px;font-weight:500}.action-count{font-size:16px;font-weight:600}.activity-filters{display:flex;gap:12px;margin-bottom:16px}.form-select{padding:10px 14px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text);cursor:pointer}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-entry{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-secondary);border-left:3px solid var(--border-color);border-radius:8px}.activity-entry.category-moderation{border-left-color:var(--red)}.activity-entry.category-verification{border-left-color:var(--success)}.activity-entry.category-management{border-left-color:var(--blue)}.activity-entry.category-system{border-left-color:var(--text-tertiary)}.activity-icon{font-size:20px;flex-shrink:0}.activity-details{flex:1;min-width:0}.activity-title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}.activity-meta{font-size:12px;color:var(--text-tertiary)}.activity-category-badge{padding:4px 10px;background:var(--surface-tertiary);border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.staff-management-container{max-width:1200px;margin:0 auto;padding:32px}.info-banner{display:flex;gap:12px;padding:16px;background:var(--blue-light);border:1px solid var(--blue);border-radius:12px;margin-bottom:24px}.info-banner svg{flex-shrink:0;margin-top:2px;color:var(--blue)}.info-banner strong{display:block;font-weight:600;margin-bottom:4px;color:var(--text)}.info-banner p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.staff-roles-container{display:flex;flex-direction:column;gap:16px}.staff-role-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.staff-role-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #0000000d}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.role-title{display:flex;align-items:center;gap:12px}.role-title h3{font-size:18px;font-weight:600;margin:0;color:var(--text)}.permission-level-badge{padding:6px 12px;background:var(--blue-light);color:var(--blue);border-radius:8px;font-size:13px;font-weight:600}.permission-level-badge.level-10,.permission-level-badge.level-9{background:var(--red-light);color:var(--red)}.permission-level-badge.level-8,.permission-level-badge.level-7{background:var(--orange-light);color:var(--orange)}.role-actions{display:flex;gap:8px}.btn-icon{padding:8px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--surface-tertiary);transform:translateY(-2px)}.role-criteria{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.criteria-item{display:flex;align-items:center;gap:8px;font-size:14px}.criteria-item strong{color:var(--text-secondary);font-weight:500}.role-id-badge{padding:4px 8px;background:var(--surface-secondary);border-radius:6px;font-family:monospace;font-size:12px}.rank-range{padding:4px 8px;background:var(--success-light);color:var(--success);border-radius:6px;font-size:12px;font-weight:500}.role-permissions{font-size:14px}.role-permissions strong{color:var(--text-secondary);font-weight:500;display:block;margin-bottom:8px}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-badge{padding:6px 10px;background:var(--success-light);color:var(--success);border-radius:6px;font-size:12px;font-weight:500}.form-section{margin:24px 0;padding:20px;background:var(--surface-secondary);border-radius:12px}.form-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;padding:10px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-label:hover{background:var(--surface-tertiary)}.checkbox-label input[type=checkbox]{cursor:pointer}.form-text{display:block;font-size:12px;color:var(--text-tertiary);margin-top:4px}.feature-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.feature-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.feature-icon{width:48px;height:48px;background:var(--blue-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-icon svg{color:var(--blue)}.feature-content{display:flex;flex-direction:column;gap:12px}.feature-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.feature-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.info-card{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:12px;padding:0;margin-bottom:20px;overflow:hidden}.info-card.roblox-info-card{background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--blue-lighter) 100%);border-color:var(--blue)}.info-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-primary)}.info-card-header svg{color:var(--blue);flex-shrink:0}.info-card-header h3{font-size:16px;font-weight:600;color:var(--text);margin:0}.info-card-body{padding:24px}.info-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text)}.feature-item svg{color:var(--success);flex-shrink:0;margin-top:2px}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:20px}.quick-stat{text-align:center;padding:16px;background:#ffffff80;border-radius:8px}[data-theme=dark] .quick-stat{background:#0003}.quick-stat .stat-number{display:block;font-size:24px;font-weight:700;color:var(--blue);margin-bottom:4px}.quick-stat .stat-label{display:block;font-size:12px;color:var(--text-secondary);font-weight:500}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text)}.btn-outline:hover{background:var(--surface-tertiary);border-color:var(--blue);color:var(--blue)}.btn svg{display:inline-block;vertical-align:middle;margin-left:6px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.header-content .back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);transition:color .2s ease}.header-content .back-link:before{display:none}.header-content .back-link:hover{color:var(--blue)}.header-content .back-link svg{width:16px;height:16px}.header-content h1{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:var(--space-2)}.header-content .subtitle{font-size:var(--text-base);color:var(--text-secondary);font-weight:400;margin:0}.info-banner{display:flex;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,#0071e30d,#0071e305);border:1px solid rgba(0,113,227,.2);border-radius:var(--radius);margin-bottom:var(--space-8)}[data-theme=dark] .info-banner{background:linear-gradient(135deg,#0071e31a,#0071e30d);border-color:#0071e34d}.info-banner svg{flex-shrink:0;margin-top:2px;color:var(--blue);opacity:.8}.info-banner-content{flex:1}.info-banner-title{display:block;font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.info-banner-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.loading-container span{font-size:var(--text-base);color:var(--text-secondary);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);border-radius:50%;margin-bottom:var(--space-6);color:#fff}.empty-state-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.empty-state-title{font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:var(--space-3)}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;max-width:480px;margin-bottom:var(--space-8)}.staff-roles-container{display:grid;gap:var(--space-6)}.staff-role-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--duration) var(--ease);box-shadow:var(--shadow-sm)}.staff-role-card:hover{border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-2px)}.role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.role-title{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.role-title h3{font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0}.permission-level-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;box-shadow:0 2px 8px #0071e333}.permission-level-badge svg{opacity:.8}.role-actions{display:flex;gap:var(--space-2)}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease)}.btn-icon:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.05)}.btn-icon-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff}.role-criteria-section{margin-bottom:var(--space-6)}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.criteria-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease)}.criteria-item:hover{border-color:var(--blue);transform:translateY(-1px)}.criteria-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.discord-icon{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff}.roblox-icon{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff}.criteria-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:0}.criteria-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.criteria-value{font-size:var(--text-sm);color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-criteria{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic;padding:var(--space-4);text-align:center}.role-permissions-section{padding-top:var(--space-4);border-top:1px solid var(--border)}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.permissions-header strong{font-size:var(--text-base);font-weight:600;color:var(--text)}.permissions-count{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;padding:var(--space-1) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.permission-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);font-weight:500;transition:all var(--duration) var(--ease)}.permission-badge:hover{border-color:var(--blue);background:#0071e30d}.permission-badge svg{color:#10b981;flex-shrink:0}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:48px}.staff-dashboard-container{max-width:1400px;margin:0 auto;padding:var(--space-8)}.header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.dashboard-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--duration) var(--ease)}.dashboard-section:hover{box-shadow:var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.section-header h2{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0}.section-header h2 svg{color:var(--blue);flex-shrink:0}.section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-3);background:var(--blue);color:#fff;border-radius:16px;font-size:var(--text-sm);font-weight:700;box-shadow:0 2px 8px #0071e333}.timeframe-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius);overflow-x:auto}.timeframe-btn{padding:var(--space-3) var(--space-6);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap}.timeframe-btn:hover{color:var(--text);background:#0071e31a}.timeframe-btn.active{background:var(--blue);color:#fff;box-shadow:0 2px 8px #0071e333}.filter-select{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer;transition:all var(--duration) var(--ease)}.filter-select:hover{border-color:var(--blue)}.filter-select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);text-align:center;transition:all var(--duration) var(--ease)}.stat-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.stat-value{display:block;font-size:var(--text-4xl);font-weight:800;color:var(--blue);line-height:1.2}.stat-sublabel{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-2)}.staff-list{display:grid;gap:var(--space-4)}.staff-member-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease)}.staff-member-card:hover{border-color:var(--blue);transform:translate(4px)}.staff-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%)}.staff-avatar img{width:100%;height:100%;object-fit:cover}.staff-info{flex:1;min-width:0}.staff-name{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--space-1)}.staff-role{font-size:var(--text-sm);color:var(--text-secondary)}.staff-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:#10b981}.staff-status:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.activity-log{display:grid;gap:var(--space-3)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease)}.activity-item:hover{border-color:var(--blue)}.activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);border-radius:50%;color:#fff;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--space-1)}.activity-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.activity-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary)}.activity-category-badge{display:inline-flex;padding:var(--space-1) var(--space-2);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600}.leaderboard-list{display:grid;gap:var(--space-3)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease)}.leaderboard-item:hover{border-color:var(--blue);transform:translate(4px)}.leaderboard-rank{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg);border:2px solid var(--border);border-radius:50%;font-size:var(--text-lg);font-weight:800;color:var(--text);flex-shrink:0}.leaderboard-item:nth-child(1) .leaderboard-rank{background:linear-gradient(135deg,gold,orange);border-color:gold;color:#fff}.leaderboard-item:nth-child(2) .leaderboard-rank{background:linear-gradient(135deg,silver,#a8a8a8);border-color:silver;color:#fff}.leaderboard-item:nth-child(3) .leaderboard-rank{background:linear-gradient(135deg,#cd7f32,#b87333);border-color:#cd7f32;color:#fff}.leaderboard-stats{display:flex;gap:var(--space-6);margin-left:auto;font-size:var(--text-sm)}.leaderboard-stat{text-align:center}.leaderboard-stat-label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-1)}.leaderboard-stat-value{display:block;font-size:var(--text-lg);font-weight:700;color:var(--blue)}@media (max-width: 768px){.staff-dashboard-container,.staff-management-container{padding:16px}.page-header{flex-direction:column;gap:var(--space-4)}.header-content h1{font-size:var(--text-2xl)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.staff-list,.info-grid,.permissions-grid,.checkbox-group,.feature-card-grid,.quick-stats,.criteria-grid{grid-template-columns:1fr}.role-actions{flex-wrap:wrap}.empty-state{padding:var(--space-12) var(--space-4)}.empty-state-icon{width:72px;height:72px}.empty-state-icon svg{width:48px;height:48px}}.staff-dashboard-container .dashboard-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.staff-dashboard-container .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.staff-dashboard-container .section-header h2{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0}.staff-dashboard-container .section-header h2 svg{color:var(--blue)}.staff-dashboard-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.staff-dashboard-container .stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);text-align:center}.staff-dashboard-container .stat-card.highlight{background:linear-gradient(135deg,var(--blue-light) 0%,var(--blue-lighter) 100%);border:1px solid var(--blue)}.staff-dashboard-container .stat-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.staff-dashboard-container .stat-value{display:block;font-size:var(--text-3xl);font-weight:800;color:var(--blue)}.staff-dashboard-container .filters{gap:var(--space-3)}.staff-dashboard-container .filters .field-label{display:block;font-size:var(--text-xs);color:var(--text-secondary);font-weight:700;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.04em}.staff-dashboard-container .filters .input{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;color:var(--text);cursor:pointer}.staff-dashboard-container .filters .input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a}.staff-dashboard-container .sessions-list,.staff-dashboard-container .actions-list{display:grid;gap:var(--space-3)}.staff-dashboard-container .session-card,.staff-dashboard-container .action-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.staff-dashboard-container .session-header,.staff-dashboard-container .action-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.staff-dashboard-container .session-duration{font-weight:700;color:var(--text)}.staff-dashboard-container .action-category.badge{background:var(--blue-light);color:var(--blue);border-radius:999px;padding:2px 8px;font-weight:700}.staff-dashboard-container .table-wrapper{overflow-x:auto}.staff-dashboard-container table.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius)}.staff-dashboard-container table.table thead th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-3);border-bottom:1px solid var(--border)}.staff-dashboard-container table.table tbody td{padding:var(--space-3);border-bottom:1px solid var(--border)}.staff-dashboard-container table.table tbody tr:hover{background:#00000005}.roblox-activity-page .page-subtitle{color:var(--text-secondary);margin-top:4px}.nav+.roblox-activity-page{padding-top:64px}.nav+.staff-management-container{padding-top:64px}.roblox-activity-page .filter-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:end}.roblox-activity-page .filter{min-width:220px}.select{padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--text-sm);font-weight:600;outline:none;transition:all var(--duration) var(--ease)}.select:hover{border-color:var(--blue)}.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e31f}.select-md{min-height:38px}.field-label{display:block;font-size:var(--text-xs);color:var(--text-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius);border:3px solid var(--bg);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-webkit-scrollbar-thumb:active{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}.rank-selector{position:relative;width:100%}.rank-selector-selected{padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;font-size:var(--text-base);color:var(--text);display:flex;align-items:center;justify-content:space-between}.rank-selector-selected:hover{border-color:var(--text-tertiary)}.rank-selector-selected:after{content:"▼";font-size:10px;color:var(--text-secondary);transition:transform .2s ease}.rank-selector-dropdown.active .rank-selector-selected:after{transform:rotate(180deg)}.rank-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;display:none;max-height:300px;overflow:hidden}.rank-selector-dropdown.active{display:block}.rank-selector-options{max-height:300px;overflow-y:auto;padding:var(--space-2)}.rank-option{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.rank-option:hover{background:var(--bg-secondary)}.rank-option.selected{background:var(--blue-light);color:var(--blue)}.rank-number{font-weight:600;min-width:40px;color:var(--text-secondary)}.rank-option.selected .rank-number{color:var(--blue)}.rank-name{flex:1;color:var(--text)}.rank-option.selected .rank-name{color:var(--blue-dark)}.rank-option-placeholder{padding:var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.settings-page{min-height:100vh;background:var(--bg)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.settings-header{position:relative;padding:var(--space-16) 0 var(--space-12);overflow:hidden}.settings-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.settings-header-bg .glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(80px);opacity:.2;will-change:transform}.settings-header-bg .glow-a{background:radial-gradient(closest-side,#0071e399,transparent 70%);top:-100px;left:-100px}.settings-header-bg .glow-b{background:radial-gradient(closest-side,#34c75999,transparent 70%);top:-80px;right:-120px}.settings-header-bg .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.05}.settings-header-content{position:relative;z-index:1}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-6);transition:color .2s ease}.back-link:hover{color:var(--blue)}.back-link svg{width:16px;height:16px}.settings-eyebrow{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:var(--space-3)}.settings-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;margin-bottom:var(--space-4);color:var(--text)}.settings-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;max-width:600px}.staff-management-container:has(.settings-layout){max-width:1400px}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-12);margin-top:0;align-items:start}.settings-sidebar{position:sticky;top:var(--space-8)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-2)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius);font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.settings-nav-item:hover{background:var(--bg-secondary);color:var(--text)}.settings-nav-item.active{background:var(--blue);color:#fff}.settings-nav-item svg{width:20px;height:20px;flex-shrink:0;opacity:.8}.settings-nav-item.active svg{opacity:1}.settings-section-container{display:none}.settings-section-container.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-section{margin-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-12);display:block}.section-eyebrow{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:var(--space-3);display:block}.section-title{font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2;margin-bottom:var(--space-6);color:var(--text);display:block;text-align:left}.settings-section .section-title:after{display:none}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;max-width:600px;display:block;text-align:left;margin-bottom:var(--space-8)}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);gap:var(--space-6)}.section-header-row .section-header{flex:1;margin-bottom:0;min-width:0;display:flex;flex-direction:column;align-items:center}.section-header-row .section-eyebrow{display:block;width:100%;text-align:center}.section-header-row .section-title{margin-bottom:var(--space-6);display:block;width:100%;text-align:left;align-self:flex-start}.section-header-row .section-title:after{display:none}.section-header-row .section-subtitle{display:block;width:100%;max-width:600px;text-align:left;align-self:flex-start}.setting-group{margin-bottom:var(--space-8)}.setting-label{display:block;font-size:15px;font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.setting-hint{display:block;font-weight:400;color:var(--text-secondary);margin-top:var(--space-1);font-size:14px;line-height:1.5}.setting-input,.setting-input select,.setting-input textarea{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-system);font-size:15px;color:var(--text);transition:all .2s ease}.setting-input:hover{border-color:var(--text-tertiary)}.setting-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px #0071e34d}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #0071e340}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 10px 26px #0071e359}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.btn-danger{background:#ff3b30;color:#fff;box-shadow:0 8px 20px #ff3b3040}.btn-danger:hover{background:#d62828;box-shadow:0 10px 26px #ff3b3059}.btn-outline{background:transparent;color:var(--blue);border:1px solid var(--blue)}.btn-outline:hover{background:var(--blue);color:#fff}.btn-sm{padding:8px 16px;font-size:14px}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary);color:var(--text);border-color:var(--text-tertiary)}.btn-icon.btn-danger{background:transparent;border-color:var(--border);color:var(--text-secondary);box-shadow:none}.btn-icon.btn-danger:hover{background:#ff3b30;color:#fff;border-color:#ff3b30}.btn svg{width:16px;height:16px}.btn-icon svg{width:18px;height:18px}.bindings-list{display:flex;flex-direction:column;gap:var(--space-4)}.binding-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.binding-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #00000014}.binding-card.revoked-key{opacity:.5;border-style:dashed}.binding-info h4{font-size:16px;font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.binding-meta{font-size:14px;color:var(--text-secondary)}.binding-actions{display:flex;gap:var(--space-2)}.feature-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.section-header+.feature-card-grid{margin-top:var(--space-6)}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);transition:all .3s ease}.feature-card:hover{border-color:var(--blue);box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:var(--radius);background:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:#fff}.feature-icon svg{width:24px;height:24px}.feature-content h3{font-size:18px;font-weight:600;margin-bottom:var(--space-3);color:var(--text)}.feature-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-6);font-size:14px}.info-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.info-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.info-card-header h3{font-size:16px;font-weight:600;color:var(--text)}.info-card-header svg{width:20px;height:20px;color:var(--blue)}.info-card-body{color:var(--text-secondary);line-height:1.6;font-size:14px}.info-text{margin-bottom:var(--space-4)}.feature-list{display:flex;flex-direction:column;gap:var(--space-2)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg);border-radius:var(--radius);font-size:14px}.feature-item svg{width:16px;height:16px;color:var(--blue);flex-shrink:0}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0}.quick-stat{text-align:center;padding:var(--space-4);background:var(--bg);border-radius:var(--radius)}.stat-number{display:block;font-size:20px;font-weight:700;color:var(--blue);margin-bottom:var(--space-2)}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.permissions-list{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.permission-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.permission-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4)}.permission-command{font-weight:600;font-size:16px;color:var(--blue);font-family:SF Mono,Consolas,monospace;margin-bottom:var(--space-1)}.permission-command-desc{font-size:14px;color:var(--text-secondary)}.permission-mode-select{min-width:220px;max-width:320px}.permission-roles-container{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.permission-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);max-height:300px;overflow-y:auto;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.role-checkbox{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:background .2s ease}.role-checkbox:hover{background:var(--bg)}.role-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--blue)}.role-checkbox label{cursor:pointer;font-size:14px;flex:1}.roles-hint{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;align-items:center;justify-content:center}.modal.active{display:flex;animation:fadeIn .2s ease}.modal-content{background:var(--bg);border-radius:var(--radius-xl);width:90%;max-width:520px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px;font-weight:600;color:var(--text)}.modal-close{width:32px;height:32px;border:none;background:transparent;font-size:20px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state p{margin-bottom:var(--space-4);font-size:15px;line-height:1.6}.reveal-item{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal-item.reveal-in{opacity:1;transform:translateY(0)}.timeframe-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding:4px;background:var(--bg-secondary);border-radius:var(--radius);width:fit-content}.timeframe-btn{padding:8px 16px;font-size:14px;font-weight:500;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.timeframe-btn:hover{color:var(--text);background:var(--bg-tertiary)}.timeframe-btn.active{background:var(--blue);color:#fff}.filter-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.filter{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:200px}.field-label{font-size:14px;font-weight:600;color:var(--text)}.select{padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-system);font-size:14px;color:var(--text);cursor:pointer;transition:all .2s ease}.select:hover{border-color:var(--text-tertiary)}.select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071e31a}.select-md{padding:10px 14px}.btn-tertiary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-tertiary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);transition:all .3s ease}.stat-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card.highlight{border-color:var(--blue);background:linear-gradient(135deg,var(--bg) 0%,rgba(0,113,227,.03) 100%)}.stat-label{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:24px;font-weight:700;color:var(--text)}.stat-card.highlight .stat-value{color:var(--blue)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;background:var(--bg)}.table thead{background:var(--bg-secondary);border-bottom:1px solid var(--border)}.table th{text-align:left;padding:16px;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap}.table th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.table th[data-sort]:hover{color:var(--blue)}.table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--bg-secondary)}.table td{padding:16px;font-size:14px;color:var(--text)}.table td.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.sessions-list{display:flex;flex-direction:column;gap:var(--space-4)}.session-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .2s ease}.session-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #00000014}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.session-game{font-size:15px;color:var(--text)}.session-game strong{font-weight:600}.session-duration{font-size:16px;font-weight:700;color:var(--blue)}.session-meta{font-size:13px;color:var(--text-secondary);line-height:1.5}.actions-list{display:flex;flex-direction:column;gap:var(--space-4)}.action-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .2s ease}.action-card:hover{border-color:var(--blue);box-shadow:0 4px 12px #00000014}.action-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.action-type{font-size:15px;font-weight:600;color:var(--text)}.action-category{font-size:12px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.badge{background:var(--blue-light);color:var(--blue-dark);border:1px solid var(--blue)}.action-details{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.detail-item{display:inline-block}.action-meta{font-size:13px;color:var(--text-tertiary)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{padding:var(--space-6);background:var(--red-light);border:1px solid var(--red);border-radius:var(--radius-lg);color:var(--red-dark);text-align:center}@media (max-width: 1024px){.settings-layout{grid-template-columns:1fr;gap:var(--space-8)}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;gap:var(--space-2)}.settings-nav-item{white-space:nowrap}.setting-row{grid-template-columns:1fr}.permission-header{flex-direction:column;align-items:flex-start}.permission-mode-select{width:100%;max-width:none}.quick-stats,.feature-card-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.filter{min-width:unset}.stats-grid{grid-template-columns:1fr}}@media (max-width: 640px){.settings-header{padding:var(--space-12) 0 var(--space-8)}.modal-content{width:95%}.timeframe-selector{width:100%}.timeframe-btn{flex:1}}