@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=Quicksand:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Quicksand:wght@500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}:root{--color-primary: #8B5CF6;--color-primary-light: #A78BFA;--color-primary-lighter: #C4B5FD;--color-primary-bg: #F5F3FF;--color-primary-rgb: 139, 92, 246;--color-secondary: #EC4899;--color-secondary-light: #F472B6;--color-secondary-bg: #FDF2F8;--color-secondary-rgb: 236, 72, 153;--color-mint: #6EE7B7;--color-mint-dark: #34D399;--color-mint-bg: #ECFDF5;--color-peach: #FBBF24;--color-peach-bg: #FFFBEB;--color-sky: #7DD3FC;--color-sky-bg: #F0F9FF;--color-coral: #FB7185;--color-coral-bg: #FFF1F2;--color-success: #10B981;--color-warn: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--color-bg: #FEFEFE;--color-surface: #FFFFFF;--color-surface-alt: #F8FAFC;--color-section: #F8FAFC;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-glass-surface: rgba(254, 254, 254, .88);--color-text: #1E293B;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-accent: "Quicksand", system-ui, sans-serif;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 99px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(139, 92, 246, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(139, 92, 246, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 50px rgba(139, 92, 246, .12);--shadow-glow: 0 0 20px rgba(139, 92, 246, .15);--color-accent: #7C3AED;--color-accent-dark: #6D28D9;--color-primary-dark: #7C3AED;--font: var(--font-body);--sidebar-width: 260px;--topbar-height: 68px;--transition-fast: all .1s ease;--transition-base: all .25s ease;--transition-slow: all .4s cubic-bezier(.175, .885, .32, 1.275)}:root.dark-theme{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #1e293b;--color-section: #1e293b;--color-border: #334155;--color-border-light: #1e293b;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #64748b;--color-primary-bg: #1e1b4b;--color-secondary-bg: #4c0519;--color-mint-bg: #064e3b;--color-peach-bg: #451a03;--color-sky-bg: #082f49;--color-coral-bg: #450a0a;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 10px 30px rgba(0,0,0,.6);--shadow-xl: 0 20px 50px rgba(0,0,0,.7);--color-glass-surface: rgba(30, 41, 59, .88)}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}.card,.sidebar,.topbar,.adm-panel,section,.service-card,.service-card-static{transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-base),transform var(--transition-base)}.service-container{max-width:1000px;margin:0 auto;padding:24px;animation:fadeIn .4s ease-out}.service-title{font-size:32px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-heading)}.service-subtitle{color:var(--color-text-secondary);margin-bottom:40px;font-size:16px;line-height:1.6}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:40px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;height:100%}.service-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.service-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.service-card:hover:after{transform:scaleX(1)}.service-card-static{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:40px}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.premium-icon-box{background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.12);border:1px solid var(--color-primary-lighter);transition:all .3s ease}.premium-icon-box:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.2);background:var(--color-primary);color:#fff}.premium-icon-box-large{width:100px;height:100px;border-radius:32px;background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;margin:0 auto;border:2px solid var(--color-primary-lighter)}.pulse-animation{animation:pulse-ring 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--color-primary-rgb),.4)}70%{transform:scale(1);box-shadow:0 0 0 15px rgba(var(--color-primary-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--color-primary-rgb),0)}}.premium-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.premium-loader-overlay{position:fixed;inset:0;background:rgba(var(--color-bg-rgb),.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.premium-loader-glass{position:relative;background:var(--color-glass-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-light);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 0 15px rgba(var(--color-primary-rgb),.1);transition:all .3s ease}.loader-sm .premium-loader-glass{width:44px;height:44px;border-radius:12px}.loader-md .premium-loader-glass{width:72px;height:72px;border-radius:20px}.loader-lg .premium-loader-glass{width:110px;height:110px;border-radius:28px}.premium-loader-icon{display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.morph-in{opacity:1;transform:scale(1) rotate(0)}.morph-out{opacity:0;transform:scale(.7) rotate(-10deg)}.premium-loader-glow{position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 20px rgba(var(--color-primary-rgb),.15);animation:premiumGlowPulse 2s ease-in-out infinite}@keyframes premiumGlowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.premium-loader-text{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;animation:premiumTextPulse 1.5s ease-in-out infinite}.premium-loader-inline{display:inline-flex;align-items:center;justify-content:center;margin-right:8px;vertical-align:middle}.premium-loader-inline svg{color:currentColor;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes premiumTextPulse{0%,to{opacity:.6}50%{opacity:1}}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;z-index:200;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);top:var(--topbar-height)!important}.sidebar.sidebar--open{transform:translate(0)}.sidebar-header{padding:24px 24px 20px;display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.sidebar-logo-text{font-family:var(--font-heading);font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:8px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-body);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.sidebar-nav-item:hover{background:var(--color-primary-bg);color:var(--color-primary);transform:translate(4px)}.sidebar-nav-item--active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--color-primary)}.sidebar-nav-icon{font-size:20px;width:28px;text-align:center;flex-shrink:0;line-height:1}.sidebar-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background:var(--color-border-light);margin:8px 16px}.sidebar-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);padding:12px 16px 4px}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border-light)}.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.sidebar-user:hover{background:var(--color-surface-alt)}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--color-text-muted);font-weight:500}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-glass-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:250;transition:none}@media(min-width:769px){body.sidebar-is-open .topbar{left:0}}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-page-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text);letter-spacing:-.3px}.topbar-breadcrumb{font-size:13px;color:var(--color-text-muted)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-search{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);min-width:200px;cursor:text;transition:all .2s}.topbar-search:focus-within{border-color:var(--color-primary-lighter);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.topbar-search-icon{color:var(--color-text-muted);font-size:14px}.topbar-search input{border:none;background:transparent;outline:none;font-size:13px;font-family:var(--font-body);color:var(--color-text);width:100%}.topbar-search input::placeholder{color:var(--color-text-muted)}.topbar-icon-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);background:var(--color-surface);cursor:pointer;font-size:18px;color:var(--color-text-secondary);transition:all .2s;position:relative}.topbar-icon-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary-lighter);transform:translateY(-1px)}.topbar-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-coral);border-radius:50%;border:2px solid var(--color-surface)}.topbar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;border:2px solid var(--color-surface);box-shadow:var(--shadow-sm);transition:transform .2s}.topbar-avatar:hover{transform:scale(1.06)}.content-area,.adm-main{flex:1;margin-left:0;padding-top:var(--topbar-height);padding-bottom:32px;min-width:0;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media(min-width:769px){body.sidebar-is-open .content-area,body.sidebar-is-open .adm-main{margin-left:var(--sidebar-width)}}.dashboard-main{max-width:1400px;margin:0 auto;width:100%;padding:0 24px}.navbar{display:none}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-logo{font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-role-chip{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary-lighter);border-radius:var(--radius-pill);padding:2px 10px}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-name{font-size:14px;font-weight:500;color:var(--color-text-muted)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar--open{transform:translate(0)}.topbar{left:0}.content-area{margin-left:0}.sidebar-backdrop{position:fixed;inset:0;background:#0000004d;z-index:199;animation:fadeIn .2s ease}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-container{height:100vh;display:flex;background:#f8fafc;overflow:hidden;color:#0f172a;font-family:var(--font-body)}.login-brand-panel{flex:1.5;position:relative;display:flex;flex-direction:column;padding:60px 80px 120px;background-image:url(/login-bg-light.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;border-right:1px solid rgba(0,0,0,.05);overflow-y:auto;scroll-behavior:smooth}.login-brand-panel::-webkit-scrollbar{width:8px}.login-brand-panel::-webkit-scrollbar-track{background:transparent}.login-brand-panel::-webkit-scrollbar-thumb{background:#8b5cf633;border-radius:4px}.login-brand-panel::-webkit-scrollbar-thumb:hover{background:#8b5cf666}.login-brand-panel:before{content:"";position:absolute;inset:0;height:100%;position:fixed;background:linear-gradient(135deg,#fffffff2,#ffffffb3);z-index:1;pointer-events:none}.brand-content-wrapper{position:relative;z-index:2;max-width:650px;min-height:100vh}.brand-header-logo{display:flex;align-items:center;gap:16px;margin-bottom:60px}.brand-header-logo img{height:48px;filter:drop-shadow(0 4px 6px rgba(139,92,246,.2))}.brand-header-text{display:flex;flex-direction:column}.brand-header-text .hero-logo{font-size:32px;font-family:var(--font-heading);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-primary),#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-header-text .hero-sub{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#64748b;text-transform:uppercase;margin-top:4px}.hero-title{font-family:var(--font-heading);font-size:52px;font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:40px;color:#0f172a}.feature-chips-container{display:flex;flex-direction:column;gap:20px}.feature-chip-light{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.15);border-radius:16px;width:100%;max-width:500px;color:#334155;font-size:15px;font-weight:600;box-shadow:0 10px 40px -10px #8b5cf61a;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;animation:fadeUp .6s ease both}.feature-chip-light:hover{transform:translate(10px) translateY(-2px);box-shadow:0 15px 40px -10px #8b5cf633;border-color:#8b5cf64d}.feature-chip-light:nth-child(2){animation-delay:.1s}.feature-chip-light:nth-child(3){animation-delay:.2s}.chip-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#8b5cf61a;color:var(--color-primary);border-radius:12px;flex-shrink:0}.chip-text{display:flex;flex-direction:column;gap:4px}.chip-text strong{color:#0f172a;font-size:16px}.chip-text span{font-size:13px;color:#64748b;font-weight:500;line-height:1.4}.enterprise-stack-section{margin-top:80px;padding-top:60px;border-top:1px solid rgba(0,0,0,.1)}.enterprise-section-title{font-family:var(--font-heading);font-size:24px;font-weight:800;color:#0f172a;margin-bottom:24px;letter-spacing:-.5px}.tech-card-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:60px}.tech-card{background:#ffffffb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.1);border-radius:16px;padding:24px;transition:all .3s ease}.tech-card:hover{background:#ffffffe6;border-color:#8b5cf666;transform:translateY(-4px);box-shadow:0 10px 30px -5px #8b5cf626}.tech-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tech-icon{width:32px;height:32px;color:var(--color-secondary)}.tech-card-header h3{font-weight:700;font-size:16px;color:#0f172a}.tech-card p{font-size:14px;color:#64748b;line-height:1.6}.tech-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.tech-tag{font-size:11px;font-weight:700;color:var(--color-primary);background:#8b5cf61a;padding:4px 10px;border-radius:6px}.login-auth-panel{flex:1;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;position:relative;box-shadow:-10px 0 30px #00000008;z-index:5;overflow-y:auto}.auth-container-glass{width:100%;max-width:420px;padding:48px;background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto 0}.auth-header{margin-bottom:40px}.auth-header h2{font-family:var(--font-heading);font-size:32px;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:-.5px}.auth-header p{font-size:15px;color:#64748b}.btn-enterprise-auth{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary),#ec4899);border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px #8b5cf666}.btn-enterprise-auth:hover{transform:translateY(-2px);box-shadow:0 15px 40px -10px #8b5cf699}.btn-enterprise-auth svg{width:20px;height:20px}.auth-footer-text{position:absolute;bottom:32px;font-size:13px;color:#94a3b8;font-weight:500;text-align:center}.auth-footer-text a{color:var(--color-primary);text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}@media(max-width:1024px){.login-container{flex-direction:column;overflow-y:auto;height:auto}.login-brand-panel{flex:none;padding:60px 24px;align-items:center;text-align:center;border-right:none;border-bottom:1px solid rgba(0,0,0,.05);background-attachment:scroll;overflow-y:visible}.brand-content-wrapper{min-height:auto}.login-brand-panel:before{position:absolute}.brand-header-logo{justify-content:center;margin-bottom:40px}.hero-title{font-size:40px}.feature-chips-container{align-items:center}.feature-chip-glass:hover{transform:translateY(-4px)}.login-auth-panel{flex:none;padding:60px 24px}}.ranking-podium-container{margin:48px 0;text-align:center;position:relative}.podium-title{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-text-secondary);margin-bottom:40px;letter-spacing:-.5px}.ranking-podium{display:flex;align-items:flex-end;justify-content:center;gap:24px;min-height:480px;max-width:1000px;margin:0 auto;padding:0 20px}.podium-stand{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stand-pillar{width:100%;border-radius:20px 20px 0 0;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px -10px #0000001a;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.gold .stand-pillar{height:220px;border-top:4px solid #FBBF24;background:linear-gradient(to bottom,#fbbf241a,#ffffff05)}.silver .stand-pillar{height:160px;border-top:4px solid #94A3B8;background:linear-gradient(to bottom,#94a3b81a,#ffffff05)}.bronze .stand-pillar{height:120px;border-top:4px solid #D97706;background:linear-gradient(to bottom,#d977061a,#ffffff05)}.stand-pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none}.podium-student-card{width:100%;max-width:200px;padding:32px 20px;background:var(--color-surface);border-radius:24px;box-shadow:0 10px 25px -5px #0000000d;margin-bottom:20px;cursor:pointer;z-index:2;position:relative;border:1px solid var(--color-border);transition:all .3s ease;text-align:center}.podium-stand:hover .podium-student-card{border-color:var(--color-primary-light);box-shadow:0 25px 50px -12px rgba(var(--color-primary-rgb),.2)}.gold .sidebar-user-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:2px solid #FEF3C7!important}.silver .sidebar-user-avatar{background:linear-gradient(135deg,#cbd5e1,#94a3b8)!important;border:2px solid #F1F5F9!important}.bronze .sidebar-user-avatar{background:linear-gradient(135deg,#fdba74,#d97706)!important;border:2px solid #FFEDD5!important}.podium-name{font-size:16px;font-weight:800;color:var(--color-text);margin-bottom:6px;letter-spacing:-.3px}.podium-score{font-family:var(--font-heading);font-size:32px;font-weight:800;color:var(--color-primary);margin:12px 0;line-height:1}.podium-dept{font-size:11px;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;background:var(--color-surface-alt);padding:4px 10px;border-radius:8px;display:inline-block}.leaderboard-table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;margin-top:24px;box-shadow:var(--shadow-sm)}.podium-student-card .sidebar-user-avatar,.leaderboard-table .sidebar-user-avatar{background:var(--color-primary-light);box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.1);color:#fff}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0}.leaderboard-table th{background:var(--color-surface-alt);padding:16px 24px;text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.leaderboard-table td{padding:18px 24px;border-bottom:1px solid var(--color-border-light);transition:all .2s ease}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr:hover td{background:rgba(var(--color-primary-rgb),.03)}.rank-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:13px;background:var(--color-surface-alt);color:var(--color-text-muted)}@media(max-width:768px){.ranking-podium{flex-direction:column;height:auto;align-items:center;gap:32px}.stand-pillar{display:none}.podium-stand{width:100%}}@media(max-width:1024px){.login-container{grid-template-columns:1fr}.login-hero{padding:48px 24px;text-align:center}.hero-content{margin:0 auto}.feature-item{text-align:left}.hero-title{font-size:36px}}@media(max-width:640px){.login-card.glass{padding:40px 24px;border-radius:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.login-action-side{background:#fff;padding:0}}.dashboard-main{max-width:1100px;margin:0 auto;padding:32px 28px 64px}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.page-header h1{font-family:var(--font-heading);font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:28px;animation:fadeUp .35s ease both;transition:box-shadow .25s ease,transform .25s ease}.card:hover{box-shadow:var(--shadow-md)}.card h2{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:20px;color:var(--color-text)}.card h3{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.section-gap{margin-top:28px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.score-section{display:flex;flex-direction:column;align-items:center;text-align:center}.score-formula{font-size:12px;color:var(--color-text-muted);margin-top:8px}.action-section{display:flex;flex-direction:column;gap:14px}.section-desc{font-size:13px;color:var(--color-text-muted);line-height:1.6}.file-label{display:inline-flex;flex-direction:column;gap:6px;cursor:pointer}.file-input{display:none}.file-btn{display:inline-block;padding:8px 18px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px dashed var(--color-primary);color:var(--color-primary);cursor:pointer;text-align:center;transition:background .15s}.file-btn:hover{background:#dbeafe}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;font-family:var(--font-body);color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:var(--radius-2xl);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.25)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.35);filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-primary-premium{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 28px;font-size:16px;font-weight:700;font-family:var(--font-heading);color:#fff!important;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px -10px rgba(var(--color-primary-rgb),.5);text-transform:uppercase;letter-spacing:.5px}.btn-primary-premium:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 40px -10px rgba(var(--color-primary-rgb),.6);filter:brightness(1.1)}.btn-primary-premium:active:not(:disabled){transform:translateY(-2px)}.btn-primary-premium:disabled{background:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed;box-shadow:none;opacity:.7}.btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;font-family:var(--font-body);color:#fff;background:linear-gradient(135deg,var(--color-secondary),#DB2777);border:none;border-radius:var(--radius-2xl);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #ec489940}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ec489959;filter:brightness(1.05)}.btn-accent:disabled{opacity:.55;cursor:not-allowed}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--color-primary);background:transparent;border:1.5px solid var(--color-primary-lighter);border-radius:var(--radius-2xl);cursor:pointer;transition:all .2s}.btn-outline:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary);transform:translateY(-1px)}.btn-outline:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:7px 16px;font-size:13px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-2xl);cursor:pointer;transition:all .15s}.btn-ghost:hover{background:var(--color-surface-alt);color:var(--color-primary)}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-pill);background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-primary-lighter)}.chip--secondary{background:#f3e8ff;color:var(--color-accent);border-color:#ddd6fe}.status-banner{margin-top:16px;padding:12px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;animation:fadeUp .2s ease both}.status-ok{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-err{background:#fee2e2;color:#7f1d1d;border:1px solid #fecaca}.status-info{background:#eff6ff;color:#1e3a8a;border:1px solid #bfdbfe}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.input{padding:10px 14px;font-size:14px;font-family:var(--font-body);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-primary-bg);color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.input:focus{border-color:var(--color-primary-light);background:var(--color-surface);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.input::placeholder{color:var(--color-text-muted)}.table-card{padding:0;overflow:hidden}.ranking-table{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font-body)}.ranking-table thead{background:var(--color-surface-alt)}.ranking-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-light)}.ranking-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light);vertical-align:middle}.ranking-table tbody tr:last-child td{border-bottom:none}.ranking-table tbody tr{transition:background .12s}.ranking-table tbody tr:hover{background:var(--color-primary-bg)}.rank-col{font-weight:700;color:var(--color-text-muted);width:48px}.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.table-loading,.table-empty{text-align:center;padding:32px;color:var(--color-text-muted);font-size:14px}.score-inline{font-size:15px;font-weight:700}.pagination-bar{display:flex;align-items:center;gap:14px;margin-top:16px;justify-content:flex-end}.page-indicator{font-size:13px;color:var(--color-text-muted);font-weight:500}.analytics-stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:28px}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:24px 36px;gap:6px;min-width:160px;transition:all .25s ease}.stat-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{font-family:var(--font-accent);font-size:36px;font-weight:700;color:var(--color-primary);line-height:1}.stat-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.loading-text{color:var(--color-text-muted);font-size:14px}.dept-grid{display:flex;flex-wrap:wrap;gap:14px}.dept-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:20px 24px;min-width:140px;transition:all .25s ease}.dept-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.dept-name{font-size:13px;font-weight:700;color:var(--color-text)}.dept-count{font-size:12px;color:var(--color-text-muted)}.create-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--color-text-secondary);font-family:var(--font-body)}.req{color:var(--color-danger)}.score-card{display:flex;flex-direction:column;align-items:center;gap:6px}.score-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.4px}@media(max-width:640px){.navbar{padding:0 16px}.dashboard-main{padding:20px 14px 48px}.form-row{grid-template-columns:1fr}.login-card{padding:36px 24px}.analytics-stats{flex-direction:column}}.adm-main{max-width:1400px;margin:0 auto;width:100%;padding-left:24px;padding-right:24px;padding-bottom:80px}.adm-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.adm-hero-left{display:flex;align-items:center;gap:16px}.adm-hero-icon{font-size:36px;line-height:1;background:linear-gradient(135deg,var(--color-primary-bg),var(--color-secondary-bg));border-radius:var(--radius-lg);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.adm-title{font-family:var(--font-heading);font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--color-text);line-height:1.2}.adm-subtitle{font-size:14px;color:var(--color-text-muted);margin-top:2px}.adm-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:5px 14px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;white-space:nowrap}.adm-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.adm-kpi{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:20px 24px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-xs);transition:all .25s ease}.adm-kpi:hover{box-shadow:var(--shadow-md)}.adm-kpi-val{font-family:var(--font-accent);font-size:32px;font-weight:700;letter-spacing:-1px;color:var(--color-primary);line-height:1}.adm-kpi-lbl{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.adm-tabs{display:flex;gap:4px;border-bottom:2px solid var(--color-border-light);margin-bottom:24px}.adm-tab{padding:10px 22px;font-size:14px;font-weight:600;font-family:var(--font-body);background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s,background .15s}.adm-tab:hover{color:var(--color-primary);background:var(--color-primary-bg)}.adm-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-bg)}.adm-panel{animation:fadeUp .25s ease both}.adm-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.adm-section-header h2,.adm-section-h2{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-text);margin-bottom:0}.adm-section-h2{margin-top:32px;margin-bottom:16px}.adm-table-wrap{margin-bottom:0}.adm-name-cell{font-weight:600}.adm-score-pill{display:inline-block;padding:3px 12px;border-radius:99px;font-size:14px;font-weight:700}.feed-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:flex-start}.feed-main-col{max-width:850px;margin:0 auto;width:100%}.feed-sidebar-col{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px;max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.feed-sidebar-col::-webkit-scrollbar{display:none}@media(max-width:1100px){.feed-layout-grid{grid-template-columns:1fr}.feed-sidebar-col{position:static;order:-1}}.feed-post-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:24px;padding:28px;margin-bottom:24px;box-shadow:0 4px 20px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeUp .5s ease both}.feed-post-card:hover{transform:translateY(-4px);border-color:var(--color-primary-lighter);box-shadow:0 20px 40px rgba(var(--color-primary-rgb),.08)}.feed-post-title{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--color-text);margin:0 0 12px;line-height:1.3;letter-spacing:-.5px}.feed-post-content{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:20px;white-space:pre-wrap}.feed-badge{padding:6px 14px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:inline-flex;align-items:center;gap:6px}.badge-general{background:#f1f5f9;color:#475569}.badge-job{background:#ecfdf5;color:#059669;border:1px solid #10b98122}.badge-workshop{background:#eff6ff;color:#2563eb;border:1px solid #3b82f622}.badge-event{background:#fdf2f8;color:#db2777;border:1px solid #ec489922}.badge-important{background:#fff1f2;color:#e11d48;border:1px solid #f43f5e22}.feed-widget{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}.feed-widget-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:20px;display:flex;align-items:center;gap:10px}.feed-stat-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.feed-stat-value{font-size:28px;font-weight:800;color:var(--color-text);font-family:var(--font-heading)}.feed-stat-label{font-size:12px;color:var(--color-text-muted);font-weight:500}.feed-pro-tip{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.04),rgba(var(--color-secondary-rgb),.04));border:1px solid rgba(var(--color-primary-rgb),.08);color:var(--color-text)}.feed-pro-tip .feed-widget-title{color:var(--color-primary)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.adm-role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.adm-role-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;text-align:center}.adm-role-btn:hover{border-color:var(--color-primary);background:var(--color-surface-alt)}.adm-role-btn--active{border-color:var(--color-primary);background:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.adm-role-icon{font-size:26px;line-height:1}.adm-role-label{font-size:14px;font-weight:700;color:var(--color-text)}.adm-role-desc{font-size:11px;color:var(--color-text-muted);line-height:1.4}.adm-form{display:flex;flex-direction:column;gap:16px}.adm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adm-field{display:flex;flex-direction:column;gap:5px}.adm-label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.adm-hint{font-size:11px;color:#94a3b8;line-height:1.4}.adm-form-actions{display:flex;gap:12px;align-items:center;margin-top:4px}.adm-submit{padding:11px 28px;font-size:15px;gap:8px}.adm-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@media(max-width:768px){.adm-kpi-row{grid-template-columns:repeat(2,1fr)}.adm-role-picker,.adm-form-row{grid-template-columns:1fr}.adm-tabs .adm-tab{padding:9px 14px;font-size:13px}}@media(max-width:480px){.adm-kpi-row{grid-template-columns:repeat(2,1fr)}.adm-hero-icon{width:48px;height:48px;font-size:28px}.adm-title{font-size:22px}}.profile-readonly{display:flex;flex-wrap:wrap;gap:16px;padding:14px 20px;background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:24px}.profile-ro-item{display:flex;align-items:center;gap:8px;font-size:13px}.profile-ro-label{font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px}.profile-section-title{font-size:15px;font-weight:700;color:var(--color-text);margin-top:28px;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.profile-view-grid{animation:fadeUp .25s ease both}.profile-view-header{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding:20px 24px;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:var(--radius-md);border:1px solid var(--color-border)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex-shrink:0}.profile-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.profile-detail-item{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--color-surface)}.profile-detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted)}.profile-detail-value{font-size:14px;color:var(--color-text);word-break:break-word}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:40px 20px;overflow-y:auto;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);border-radius:var(--radius-2xl);overflow:visible;position:relative;width:100%}.modal-header{padding:24px 24px 12px;display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text);margin:0}.modal-close{background:var(--color-surface-alt);border:none;width:32px;height:32px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:18px;transition:all .25s ease}.modal-close:hover{background:var(--color-border-light);color:var(--color-text);transform:rotate(90deg)}.modal-body{padding:0 24px 24px;overflow:visible}.peer-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border-light)}.peer-avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.2)}.peer-name{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.peer-dept{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);font-weight:500}.peer-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.peer-stat-card{background:var(--color-surface);padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.peer-stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:600;margin-bottom:4px}.peer-stat-value{display:block;font-family:var(--font-accent);font-size:18px;font-weight:700;color:var(--color-text)}.peer-section-title{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;display:flex;align-items:center;gap:8px}.peer-contact-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:24px}.peer-contact-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-decoration:none;transition:all .25s ease}.peer-contact-item:hover{border-color:var(--color-primary-lighter);background:var(--color-primary-bg);transform:translate(4px)}.peer-contact-icon{font-size:16px}.peer-contact-text{font-family:var(--font-body);font-size:14px;color:var(--color-text-secondary);font-weight:500}.peer-bio-box{background:#f8fafc;padding:16px;border-radius:16px;font-size:14px;line-height:1.6;color:#475569;margin-top:8px}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:640px){.profile-details-grid{grid-template-columns:1fr}.profile-view-header{flex-direction:column;text-align:center}.profile-readonly{flex-direction:column;gap:8px}}.ranking-podium-container{margin:40px auto;max-width:1000px;text-align:center}.podium-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text);margin-bottom:24px;letter-spacing:-.5px}.ranking-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:480px;margin-bottom:40px;padding-top:40px;padding-bottom:20px}.podium-stand{display:flex;flex-direction:column;align-items:center;width:200px;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1);animation:podiumPop .6s cubic-bezier(.34,1.56,.64,1) both}.podium-stand:hover{transform:translateY(-8px) scale(1.02)}@keyframes podiumPop{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.podium-stand.gold{animation-delay:.1s}.podium-stand.silver{animation-delay:0s}.podium-stand.bronze{animation-delay:.2s}.podium-student-card{background:rgba(var(--color-surface-rgb),.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);padding:20px 15px;width:100%;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);margin-bottom:12px;cursor:pointer;z-index:2;transition:box-shadow .25s ease}.podium-student-card:hover{box-shadow:0 20px 45px #0000001f}.podium-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:800;font-size:14px;color:#fff}.gold .podium-rank{background:linear-gradient(135deg,gold,#f59e0b);box-shadow:0 4px 12px #f59e0b4d}.silver .podium-rank{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 4px 12px #94a3b84d}.bronze .podium-rank{background:linear-gradient(135deg,#d97706,#92400e);box-shadow:0 4px 12px #92400e4d}.podium-name{font-family:var(--font-body);font-weight:700;color:var(--color-text);font-size:15px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-family:var(--font-accent);font-size:18px;font-weight:700;color:var(--color-primary);margin-bottom:4px}.podium-dept{font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;background:var(--color-surface-alt);padding:2px 8px;border-radius:var(--radius-xs);display:inline-block}.stand-pillar{width:100%;border-radius:12px 12px 0 0;position:relative;overflow:hidden}.gold .stand-pillar{height:220px;background:linear-gradient(to bottom,#fef3c7,#fbbf24);border:1px solid rgba(251,191,36,.3)}.silver .stand-pillar{height:160px;background:linear-gradient(to bottom,#f1f5f9,#cbd5e1);border:1px solid rgba(203,213,225,.3)}.bronze .stand-pillar{height:110px;background:linear-gradient(to bottom,#ffedd5,#fb923c);border:1px solid rgba(251,146,60,.3)}.stand-pillar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg) translate(-100%);animation:standGloss 3s infinite}@keyframes standGloss{0%{transform:skew(-20deg) translate(-100%)}20%{transform:skew(-20deg) translate(200%)}to{transform:skew(-20deg) translate(200%)}}.min-table{font-size:13px!important}.min-table td,.min-table th{padding:10px 12px!important}@media(max-width:640px){.ranking-podium{height:auto;flex-direction:column;align-items:center;gap:24px}.podium-stand{width:100%;height:auto!important}.stand-pillar{display:none}}.premium-avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.avatar-circle{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow-sm);border:2px solid var(--color-surface);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.circle-standard{background:var(--color-primary-bg);color:var(--color-primary)}.circle-rank-1{background:linear-gradient(135deg,#fef3c7,#f59e0b);color:#92400e;border:3px solid #f59e0b}.circle-rank-2{background:linear-gradient(135deg,#f1f5f9,#94a3b8);color:#475569;border:3px solid #94a3b8}.circle-rank-3{background:linear-gradient(135deg,#ffedd5,#92400e);color:#9a3412;border:3px solid #92400e}.avatar-initials{font-family:var(--font-heading);font-weight:800;letter-spacing:-.5px}.avatar-img{width:100%;height:100%;object-fit:cover}.premium-avatar-container.clickable:hover .avatar-circle{transform:scale(1.05);box-shadow:var(--shadow-md);border-color:var(--color-primary-lighter)}.avatar-sm{width:32px;height:32px}.avatar-sm .avatar-initials{font-size:11px}.avatar-md{width:44px;height:44px}.avatar-md .avatar-initials{font-size:16px}.avatar-lg{width:72px;height:72px}.avatar-lg .avatar-initials{font-size:24px}.avatar-xl{width:110px;height:110px}.avatar-xl .avatar-initials{font-size:36px}.avatar-badge{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 3px 8px #0000002e;z-index:2;border:1.5px solid rgba(0,0,0,.07);animation:badgePopIn .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes badgePopIn{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.rank-badge{top:-3px;right:-3px}.streak-badge{top:-3px;left:-3px}.avatar-sm .avatar-badge{width:15px;height:15px;padding:2px;border-width:1px}.avatar-md .avatar-badge{width:20px;height:20px;padding:3px}.avatar-lg .avatar-badge{width:28px;height:28px;padding:5px}.avatar-xl .avatar-badge{width:36px;height:36px;padding:7px}.badge-rank-1{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fbbf24;animation:badgeGlow 2s infinite}.badge-rank-2{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1.5px solid #94a3b8}.badge-rank-3{background:linear-gradient(135deg,#ffedd5,#fb923c);border:1.5px solid #fb923c}.badge-rank-top10{background:#fff;border:1.5px solid var(--color-primary-lighter)}@keyframes badgeGlow{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 12px #fbbf24a6}}.avatar-preview-overlay{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:fadeIn .3s ease-out}.avatar-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:90vw;animation:modalScaleUp .4s cubic-bezier(.34,1.56,.64,1)}.avatar-preview-close{position:absolute;top:-60px;right:0;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.avatar-preview-close:hover{background:#fff3;transform:rotate(90deg)}.avatar-preview-circle-outer{width:min(80vw,400px);height:min(80vw,400px);padding:12px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 20px 50px rgba(var(--color-primary-rgb),.4),0 0 100px rgba(var(--color-primary-rgb),.2);position:relative;transition:all .3s ease;border:2px solid rgba(255,255,255,.1)}.avatar-preview-circle-outer.preview-rank-1{background:linear-gradient(135deg,gold,#f59e0b);box-shadow:0 20px 50px #f59e0b66;border:8px solid #f59e0b}.avatar-preview-circle-outer.preview-rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 20px 50px #94a3b866;border:8px solid #94a3b8}.avatar-preview-circle-outer.preview-rank-3{background:linear-gradient(135deg,#d97706,#92400e);box-shadow:0 20px 50px #92400e66;border:8px solid #92400e}.avatar-preview-circle-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--color-surface);border:4px solid var(--color-surface);display:flex;align-items:center;justify-content:center}.avatar-preview-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.avatar-preview-content:hover .avatar-preview-img{transform:scale(1.05)}.avatar-preview-info{text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.avatar-preview-name{font-family:var(--font-heading);font-size:28px;font-weight:800;margin:0;letter-spacing:-.5px}@keyframes modalScaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:640px){.avatar-preview-name{font-size:20px}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.kpi-card-premium{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:24px;display:flex;align-items:center;gap:20px;transition:var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;border:1px solid rgba(var(--color-primary-rgb),.05)}.kpi-card-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.03) 0%,transparent 100%);z-index:0;pointer-events:none}.kpi-card-premium:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.kpi-icon-box{width:56px;height:56px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0;transition:transform .3s ease}.kpi-card-premium:hover .kpi-icon-box{transform:scale(1.1) rotate(-5deg)}.kpi-content{z-index:1;flex:1}.kpi-value{display:block;font-family:var(--font-heading);font-size:32px;font-weight:800;color:var(--color-text);line-height:1;margin-bottom:4px;letter-spacing:-1px}.kpi-label{display:block;font-size:11px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.7}.timeframe-selector{display:inline-flex;background:var(--color-section);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px;gap:2px}.tf-btn{background:transparent;border:none;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--color-text-muted);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.tf-btn:hover{color:var(--color-text);background:#00000005}.tf-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.games-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding-bottom:40px}.games-section-card{background:var(--color-surface);border-radius:24px;box-shadow:var(--shadow-md);padding:32px;border:1px solid var(--color-border-light);transition:all .3s ease;position:relative}.games-section-card:hover{box-shadow:var(--shadow-lg);border-color:rgba(var(--color-primary-rgb),.2)}.zip-difficulty-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.zip-difficulty-badge.Easy{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.zip-difficulty-badge.Medium{background:#f59e0b1a;color:var(--color-warn);border:1px solid rgba(245,158,11,.2)}.zip-difficulty-badge.Hard{background:#fb71851a;color:var(--color-coral);border:1px solid rgba(251,113,133,.2)}.zip-difficulty-badge.Impossible{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.games-section-title{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 20px;display:flex;align-items:center;gap:8px}.games-section-title svg{color:var(--color-warn)}.xp-bar-wrapper{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:16px;padding:18px 24px;color:#fff;display:flex;align-items:center;gap:20px;margin-bottom:4px;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.2)}.xp-bar-text{flex:1}.xp-bar-label{font-size:13px;opacity:.85;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.xp-bar-value{font-size:28px;font-weight:800;line-height:1.1}.xp-bar-coins{font-size:13px;opacity:.8;margin-top:2px}.xp-track{flex:2;height:10px;background:#ffffff40;border-radius:99px;overflow:hidden}.xp-fill{height:100%;background:#ffffffe6;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.streak-hero{display:flex;align-items:center;gap:20px;margin-bottom:20px}.streak-flame{font-size:52px;line-height:1;color:var(--color-warn);animation:flamePulse 2s ease-in-out infinite;filter:drop-shadow(0 0 12px var(--color-warn))}@keyframes flamePulse{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.12) rotate(3deg)}}.streak-count{font-size:42px;font-weight:900;color:var(--color-warn);line-height:1}.streak-count-label{font-size:14px;color:var(--color-text-secondary);font-weight:600}.streak-msg{font-size:13px;color:var(--color-warn);font-weight:600;background:rgba(var(--color-warn-rgb),.08);padding:6px 14px;border-radius:20px;margin-top:4px}.contribution-container{background:var(--color-surface);border-radius:16px;padding:24px;border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);margin:16px auto;width:100%;max-width:480px}.contribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contribution-month{font-size:16px;font-weight:900;color:var(--color-text);letter-spacing:.5px}.contribution-nav{display:flex;gap:6px}.contribution-nav-btn{width:32px;height:32px;border-radius:10px;border:1.5px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--color-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1)}.contribution-nav-btn:hover:not(:disabled){background:var(--color-surface);color:var(--color-warn);border-color:var(--color-warn);transform:translateY(-1.5px);box-shadow:0 2px 8px rgba(var(--color-warn-rgb),.1)}.contribution-nav-btn:disabled{opacity:.2;cursor:not-allowed}.calendar-grid-container{width:100%}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.day-name{text-align:center;font-size:11px;font-weight:800;color:var(--color-text-muted);letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-cell{aspect-ratio:1;background:var(--color-surface-alt);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-text-secondary);transition:all .2s;border:1px solid var(--color-border-light)}.calendar-cell.active{background:linear-gradient(135deg,var(--color-warn),#f97316);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(var(--color-warn-rgb),.25)}.calendar-cell.today{border:2px solid var(--color-info);box-shadow:0 0 0 3px rgba(var(--color-info-rgb),.1)}.calendar-cell.other-month{visibility:hidden}.cell-date{pointer-events:none}.streak-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.streak-milestone{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:700;border:2px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-alt);transition:all .2s}.streak-milestone.unlocked{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--color-warn),#f97316);box-shadow:0 2px 10px rgba(var(--color-warn-rgb),.35)}.streak-widget{background:var(--color-surface);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}.streak-widget:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-warn)}.streak-widget-flame{font-size:32px;filter:drop-shadow(0 0 8px rgba(var(--color-warn-rgb),.2))}.streak-widget-count{font-size:16px;font-weight:800;color:var(--color-text)}.streak-widget-sub{font-size:12px;color:#94a3b8;font-weight:500}.streak-widget-cta{font-size:13px;font-weight:700;color:var(--color-warn);background:rgba(var(--color-warn-rgb),.08);padding:6px 12px;border-radius:99px;transition:all .2s}.streak-widget:hover .streak-widget-cta{background:var(--color-warn);color:#fff}.orange-check{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-warn);color:#fff;border-radius:50%;font-size:14px;font-weight:900;box-shadow:0 2px 8px rgba(var(--color-warn-rgb),.3)}.zip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.zip-timer{font-size:22px;font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums;background:var(--color-primary-bg);padding:8px 18px;border-radius:12px}.zip-hint{font-size:13px;color:var(--color-text-muted);font-style:italic;margin-bottom:14px}.zip-grid-wrapper{display:flex;justify-content:center;margin-bottom:12px;user-select:none;-webkit-user-select:none}.zip-grid-maze{display:inline-grid;gap:0;background:var(--color-surface);border-radius:4px;cursor:crosshair;touch-action:none;border:1px solid var(--color-border-light);position:relative;overflow:hidden}.zip-maze-cell{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-surface);transition:background .1s;box-sizing:border-box}.zip-maze-cell.filled{background:transparent}.zip-maze-cell.current{background:rgba(var(--color-primary-rgb),.1)}.zip-maze-cell.current:after{content:"";position:absolute;width:12px;height:12px;background:var(--color-primary);border-radius:50%;z-index:3;box-shadow:0 0 15px var(--color-primary);animation:pulsePath 1s infinite alternate}@keyframes pulsePath{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.2);opacity:1}}.zip-waypoint-badge{width:28px;height:28px;border-radius:50%;background:var(--color-text);color:var(--color-surface);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:10;position:relative;pointer-events:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.zip-waypoint-badge.visited{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.3)}.zip-complete-banner{text-align:center;padding:14px;background:linear-gradient(135deg,var(--color-success),#059669);color:#fff;border-radius:12px;font-size:15px;font-weight:700;margin-bottom:12px}.zip-warning-banner{text-align:center;padding:12px;background:var(--color-peach-bg);border:1.5px solid var(--color-warn);color:#c2410c;border-radius:12px;font-size:14px;font-weight:700;margin-bottom:12px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.zip-actions{display:flex;gap:10px;justify-content:center}.game-preview-container{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px;margin-top:-32px;height:140px;overflow:hidden;background:#0a0c10;border-bottom:1px solid var(--color-border-light);position:relative}.game-preview-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,1,.3,1);opacity:.9}.game-hidden-card:hover .game-preview-img{transform:scale(1.05);opacity:1}.game-hidden-card{display:flex;flex-direction:column;align-items:center;gap:0;padding:32px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:20px;margin:16px 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:all .4s ease}.game-hidden-card:hover{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 10px 30px rgba(var(--color-primary-rgb),.1);transform:translateY(-4px)}.game-hidden-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.game-hidden-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.game-hidden-icon{width:72px;height:72px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 0 20px rgba(var(--color-primary-rgb),.15);transition:all .3s ease}.game-hidden-card:hover .game-hidden-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px rgba(var(--color-primary-rgb),.25)}.game-hidden-text{font-size:20px;color:var(--color-text);font-weight:800;margin:24px 0 8px;letter-spacing:-.02em}.game-hidden-sub{font-size:14px;color:var(--color-text-muted);text-align:center;max-width:340px;margin-bottom:28px;line-height:1.6}.game-hidden-timer-note{font-size:11px;color:var(--color-warn);margin-top:20px;font-weight:700;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.game-content-area{margin-top:16px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-scoring-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:99px;background:var(--color-primary-bg);border:1.5px solid rgba(var(--color-primary-rgb),.2);font-size:12px;font-weight:600;color:var(--color-primary);margin:10px 0 14px}.bug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.bug-lang-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.bug-lang-badge.python{background:#fef3c7;color:#92400e}.bug-lang-badge.javascript{background:#fef9c3;color:#713f12}.bug-lang-badge.java{background:#fee2e2;color:#991b1b}.bug-lang-badge.c{background:#dbeafe;color:#1e40af}.bug-snippet{background:#1e1e2e;border-radius:14px;padding:18px 20px;margin-bottom:18px;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13.5px;line-height:1.7}.bug-code-line{display:flex;align-items:flex-start;gap:10px;border-radius:6px;padding:1px 6px;transition:background .12s}.bug-code-line.is-option{cursor:default}.bug-line-num{color:#4a5568;min-width:20px;text-align:right;flex-shrink:0;font-size:11px;padding-top:2px}.bug-line-text{color:#cdd6f4;white-space:pre}.bug-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.bug-option-btn{padding:12px 16px;border-radius:12px;border:2px solid var(--color-border);background:var(--color-surface-alt);font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;font-family:JetBrains Mono,Fira Code,monospace;text-align:left;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bug-option-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.bug-option-btn.correct{border-color:var(--color-success);background:var(--color-mint-bg);color:var(--color-success)}.bug-option-btn.wrong{border-color:var(--color-danger);background:var(--color-coral-bg);color:var(--color-danger)}.bug-option-btn:disabled{cursor:default}.bug-explanation{padding:14px 18px;border-radius:12px;font-size:13.5px;line-height:1.6;font-weight:500;margin-top:10px}.bug-explanation.correct{background:var(--color-mint-bg);color:var(--color-success);border-left:4px solid var(--color-success)}.bug-explanation.wrong{background:var(--color-coral-bg);color:var(--color-danger);border-left:4px solid var(--color-danger)}.game-leaderboard{margin-top:20px}.game-leaderboard-title{font-size:14px;font-weight:700;color:var(--color-text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:6px}.game-lb-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;margin-bottom:6px;background:var(--color-surface-alt);border:1.5px solid transparent;transition:all .12s;cursor:pointer}.game-lb-row:hover{border-color:var(--color-border);background:var(--color-surface);transform:translate(4px)}.game-lb-row.is-me{background:var(--color-primary-bg);border-color:var(--color-primary)}.game-lb-rank{font-size:16px;font-weight:800;min-width:28px;text-align:center;color:#94a3b8}.game-lb-rank.gold{color:var(--color-warn)}.game-lb-rank.silver{color:var(--color-text-muted)}.game-lb-rank.bronze{color:#cd7c54}.game-lb-name{flex:1;font-weight:600;font-size:13.5px;color:var(--color-text)}.game-lb-dept{font-size:11px;color:var(--color-text-muted);background:var(--color-surface-alt);padding:2px 8px;border-radius:99px;border:1px solid var(--color-border-light)}.game-lb-score{font-weight:800;font-size:15px;color:var(--color-primary)}.game-lb-time{font-size:12px;color:var(--color-text-muted);min-width:50px;text-align:right}.game-lb-empty{text-align:center;padding:24px;color:#94a3b8;font-size:14px}.game-played-banner{background:var(--color-mint-bg);border:2px solid var(--color-success);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:14px;margin-bottom:16px}.game-played-icon{font-size:28px}.game-played-text{flex:1}.game-played-title{font-size:15px;font-weight:700;color:var(--color-success);margin-bottom:2px}.game-played-sub{font-size:13px;color:var(--color-success);opacity:.8}.btn-game-primary{padding:12px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.3)}.btn-game-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.4)}.btn-game-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-game-secondary{padding:12px 20px;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.btn-game-secondary:hover{background:var(--color-primary-bg)}.btn-game-drop{padding:12px 20px;background:transparent;color:#ef4444;border:2px solid #ef4444;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.btn-game-drop:hover{background:#ef444414}.streak-widget{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#f9731614,#ef44440d);border:1.5px solid rgba(249,115,22,.25);border-radius:14px;cursor:pointer;transition:all .15s}.streak-widget:hover{border-color:#f97316;transform:translateY(-1px);box-shadow:0 4px 16px #f9731626}.streak-widget-flame{font-size:28px}.streak-widget-count{font-size:18px;font-weight:800;color:var(--color-warn)}.streak-widget-sub{font-size:12px;color:var(--color-text-muted);font-weight:500}.streak-widget-cta{font-size:12px;font-weight:700;color:var(--color-primary);background:var(--color-primary-bg);padding:6px 12px;border-radius:8px}@media(max-width:600px){.games-section-card{padding:18px 16px}.zip-cell{width:44px;height:44px;font-size:15px}.bug-options{grid-template-columns:1fr}.xp-bar-wrapper{flex-direction:column;gap:10px}.streak-hero{flex-wrap:wrap}}.game-lb-row.clickable{cursor:pointer}.game-lb-row.clickable:hover{background:#6366f10f;border-color:#6366f140}.game-lb-view-hint{font-size:11px;color:#6366f1;opacity:.7;font-weight:700;margin-left:2px}.game-lb-row.clickable:hover .game-lb-view-hint{opacity:1}.peer-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;animation:fadeIn .15s ease}.peer-modal-card{background:#fff;border-radius:24px;padding:32px 32px 28px;max-width:440px;width:90%;box-shadow:0 24px 64px #0f172a40;position:relative;animation:slideUp .2s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.peer-modal-close{position:absolute;top:16px;right:18px;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .12s}.peer-modal-close:hover{background:#e2e8f0}.peer-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.peer-modal-avatar{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.peer-modal-name{font-size:18px;font-weight:800;color:#1e293b}.peer-modal-dept{font-size:13px;color:#64748b;margin-top:2px}.peer-modal-reg{font-size:11px;color:#94a3b8;margin-top:2px;font-family:monospace}.peer-modal-stats{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.peer-stat{display:flex;flex-direction:column;align-items:center;padding:10px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;min-width:64px}.peer-stat-val{font-size:17px;font-weight:800;color:#1e293b}.peer-stat-lbl{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;margin-top:2px}.peer-modal-section{margin-bottom:16px}.peer-modal-section-title{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.peer-skills{display:flex;flex-wrap:wrap;gap:6px}.peer-skill-badge{padding:4px 12px;border-radius:99px;background:#6366f114;color:#6366f1;font-size:12px;font-weight:600;border:1.5px solid rgba(99,102,241,.2)}.peer-modal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.peer-modal-link{padding:7px 16px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .12s}.peer-modal-link:hover{opacity:.8}.peer-modal-link.linkedin{background:#dbeafe;color:#1d4ed8}.peer-modal-link.github{background:#f1f5f9;color:#334155}.peer-modal-link.port{background:#f0fdf4;color:#166534}.hero-carousel{position:relative;width:100%;min-height:240px;margin-bottom:28px;background:linear-gradient(135deg,var(--color-primary-bg) 0%,#EDE9FE 50%,var(--color-secondary-bg) 100%);border-radius:var(--radius-2xl);border:1px solid rgba(var(--color-primary-rgb),.08);overflow:hidden;box-shadow:var(--shadow-sm);animation:fadeUp .5s ease both}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;padding:32px 48px;opacity:0;visibility:hidden;transition:opacity 1s ease-in-out,visibility 1s;pointer-events:none}.hero-slide--active{opacity:1;visibility:visible;pointer-events:auto;position:relative}.hero-slide-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:40px;z-index:10}.hero-slide-text{flex:1;min-width:0}.hero-slide-title{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--color-text);letter-spacing:-.5px;margin-bottom:12px;line-height:1.2}.hero-slide-subtitle{font-size:16px;color:var(--color-text-secondary);line-height:1.5;max-width:540px}.hero-slide-score{margin-top:16px;font-size:16px;color:var(--color-text-secondary);display:flex;align-items:center;gap:8px}.hero-slide-score strong{font-family:var(--font-accent);font-size:28px;color:var(--color-primary)}.hero-slide-illustration{width:240px;height:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-slide-illustration img{max-width:100%;max-height:180px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(var(--color-primary-rgb),.15))}.hero-carousel-dots{position:absolute;bottom:20px;left:48px;display:flex;gap:8px;z-index:20}.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-primary-rgb),.2);border:none;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot.active{width:24px;border-radius:4px;background:var(--color-primary)}@media(max-width:992px){.hero-slide{padding:32px}.hero-slide-title{font-size:26px}.hero-slide-illustration{width:180px}}@media(max-width:768px){.hero-slide-content{flex-direction:column;text-align:center;gap:20px}.hero-slide-text{display:flex;flex-direction:column;align-items:center}.hero-slide-subtitle{font-size:14px}.hero-slide-illustration{width:140px;margin-top:0}.hero-carousel-dots{left:50%;transform:translate(-50%)}}.score-highlight-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.score-highlight-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;transition:all .25s ease;box-shadow:var(--shadow-xs)}.score-highlight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.score-highlight-value{font-family:var(--font-accent);font-size:36px;font-weight:700;display:block;margin-bottom:6px;line-height:1}.score-highlight-label{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text-secondary);display:block}@media(max-width:640px){.score-highlight-row{grid-template-columns:1fr;gap:12px}}.streak-widget{display:flex;align-items:center;gap:16px;padding:18px 24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-lg);border:1px solid rgba(251,191,36,.2);cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #fbbf241f}.streak-widget:hover{transform:translateY(-3px);box-shadow:0 8px 24px #fbbf2433}.streak-widget-flame{font-size:32px;flex-shrink:0;color:var(--color-warn)}.streak-widget-info{flex:1}.streak-widget-count{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#92400e}.streak-widget-sub{font-size:13px;color:#a16207;margin-top:2px}.streak-widget-cta{font-size:14px;font-weight:600;color:#92400e;flex-shrink:0}.ranking-section-enhanced{grid-column:1 / -1;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:32px;box-shadow:var(--shadow-sm)}.comparison-section-enhanced{grid-column:1 / -1;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:32px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-section-enhanced:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.03) 0%,transparent 70%);z-index:0;pointer-events:none}.comparison-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;position:relative;z-index:1}.insight-card-compact{background:var(--color-surface-alt);padding:20px;border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.02);transition:all .3s ease}.insight-card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(var(--color-primary-rgb),.1)}.insight-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}.insight-value{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-text);line-height:1.2;display:flex;align-items:baseline;gap:8px}.insight-sub{font-size:14px;font-weight:500;color:var(--color-text-muted)}.insight-progress-bar{height:6px;background:#0000000d;border-radius:10px;margin-top:16px;overflow:hidden}.insight-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:10px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.insight-trend{font-size:13px;font-weight:700;margin-top:12px;display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px}.insight-trend.positive{color:#059669;background:#ecfdf5}.comparison-chart-wrap{height:320px;width:100%;position:relative;z-index:1}.domain-scores-section{grid-column:1 / -1}.dept-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;margin-top:16px;-ms-overflow-style:none;scrollbar-width:none}.dept-grid::-webkit-scrollbar{display:none}.dept-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:20px;text-align:center;transition:all .25s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.dept-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.dept-name{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text);line-height:1.3}.feed-upload-zone{display:flex;flex-direction:column;gap:12px;width:100%}.upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:2px dashed rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-xl);background:rgba(var(--color-primary-rgb),.02);cursor:pointer;transition:all .3s ease;text-align:center;gap:16px}.upload-trigger:hover{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary);transform:translateY(-2px)}.upload-icon-container{width:54px;height:54px;border-radius:50%;background:rgba(var(--color-primary-rgb),.08);display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all .3s ease}.upload-trigger:hover .upload-icon-container{background:var(--color-primary);color:#fff;transform:scale(1.1)}.upload-text-container{display:flex;flex-direction:column;gap:4px}.upload-main-text{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text)}.upload-sub-text{font-size:13px;color:var(--color-text-secondary);font-weight:500}.upload-preview-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease}.upload-preview-info{display:flex;align-items:center;gap:12px;min-width:0}.upload-filename{font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-change-btn{font-size:13px;font-weight:700;color:var(--color-primary);cursor:pointer;padding:4px 10px;border-radius:6px;background:rgba(var(--color-primary-rgb),.08);transition:all .2s ease}.upload-change-btn:hover{background:var(--color-primary);color:#fff}.existing-media{background:rgba(var(--color-primary-rgb),.03);border-color:rgba(var(--color-primary-rgb),.1)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.adm-sidebar{width:240px;min-width:240px;height:calc(100vh - 64px);background:var(--color-surface, #fff);border-right:1px solid var(--color-border-light, #e2e8f0);display:flex;flex-direction:column;padding:20px 12px;gap:8px;overflow-y:auto;box-shadow:2px 0 8px #0000000a;position:sticky;top:64px}.sidebar-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.sidebar-group-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:8px 12px 4px}.sidebar-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-size:14px;font-weight:500;color:#475569;transition:all .18s ease}.sidebar-btn:hover{background:rgba(var(--color-primary-rgb, 139,92,246),.07);color:var(--color-primary, #7c3aed)}.sidebar-btn.active{background:rgba(var(--color-primary-rgb, 139,92,246),.12);color:var(--color-primary, #7c3aed);font-weight:700}.adm-page-content{flex:1;height:calc(100vh - 64px);overflow-y:auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--color-surface, #fff);border:1px solid var(--color-border-light, #e2e8f0);border-radius:14px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stat-card-icon{width:44px;height:44px;border-radius:12px;background:rgba(var(--color-primary-rgb, 139,92,246),.1);color:var(--color-primary, #7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-content{flex:1;min-width:0}.stat-card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:4px}.stat-card-value{font-size:26px;font-weight:800;color:#1e293b;line-height:1.1}.stat-card-value.text-glow{color:var(--color-primary, #7c3aed)}.qa-card{display:flex;flex:1;align-items:center;justify-content:space-between;padding:24px;cursor:pointer;background:var(--color-surface, #fff);border-radius:var(--radius-xl);border:1px solid var(--color-border-light, #e2e8f0);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #00000005}.qa-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:transparent;transition:all .3s ease}.qa-card-primary{border-left-color:transparent}.qa-card-primary:before{background:var(--color-primary)}.qa-card-primary:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(var(--color-primary-rgb),.25);border-color:rgba(var(--color-primary-rgb),.2)}.qa-card-primary .qa-icon-wrapper{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.qa-card-secondary{border-left-color:transparent}.qa-card-secondary:before{background:var(--color-secondary)}.qa-card-secondary:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #ec489940;border-color:#ec489933}.qa-card-secondary .qa-icon-wrapper{background:#ec48991a;color:var(--color-secondary)}.qa-card-purple{border-left-color:transparent}.qa-card-purple:before{background:#8b5cf6}.qa-card-purple:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #8b5cf640;border-color:#8b5cf633}.qa-card-purple .qa-icon-wrapper{background:#8b5cf61a;color:#8b5cf6}.qa-card-amber{border-left-color:transparent;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.qa-card-amber:before{background:#f59e0b}.qa-card-amber:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #f59e0b40;border-color:#f59e0b33}.qa-card-amber .qa-icon-wrapper{background:#f59e0b26;color:#d97706}.qa-content{z-index:1}.qa-title{margin:0;font-size:16px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.qa-subtitle{margin:4px 0 0;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.qa-icon-wrapper{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;z-index:1}.qa-card:hover .qa-icon-wrapper{transform:scale(1.1) rotate(-5deg)}.qa-arrow{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.6}.qa-card:hover .qa-arrow{opacity:1;transform:translate(4px)}.assessment-mode-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);z-index:9999;overflow-y:auto;animation:fadeIn .4s ease-out}.assessment-container{max-width:1200px;margin:0 auto;padding:60px 24px}.domain-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:40px}.domain-card-premium{position:relative;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:40px 32px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-sm)}.domain-card-premium:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px rgba(var(--color-primary-rgb),.15);border-color:var(--color-primary)}.domain-card-premium .card-pattern{position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.domain-card-icon-box{width:64px;height:64px;border-radius:18px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.domain-card-premium:hover .domain-card-icon-box{background:var(--color-primary);color:#fff;transform:rotate(-5deg)}.domain-card-title{font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--color-text);margin:0}.domain-card-desc{font-size:15px;line-height:1.6;color:var(--color-text-secondary);margin:0}.domain-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--color-border-light)}.launch-text{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary)}.domain-card-premium:hover .launch-text{letter-spacing:1.5px}.apt-container{max-width:1000px;margin:0 auto;padding:20px;animation:fadeIn .4s ease-out}.apt-setup-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:40px;text-align:center;box-shadow:var(--shadow-xl)}.apt-subtitle{color:var(--color-text-secondary);margin-bottom:40px}.apt-diff-bar{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;background:var(--color-bg);padding:8px 20px;border-radius:100px;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--color-border)}.apt-diff-pill{padding:8px 24px;border-radius:100px;cursor:pointer;transition:all .25s ease;font-weight:600;font-size:14px}.apt-diff-pill.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.apt-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.apt-category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:30px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.apt-category-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 10px 30px #0000001a}.apt-category-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.apt-category-card:hover:after{transform:scaleX(1)}.apt-cat-icon{font-size:32px;margin-bottom:8px}.apt-cat-name{font-size:20px;font-weight:700}.apt-cat-meta{font-size:14px;color:var(--color-text-muted)}.apt-topics-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.apt-back-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:10px 20px;border-radius:12px;cursor:pointer;color:var(--color-text);font-weight:600;transition:all .2s ease}.apt-back-btn:hover{background:var(--color-bg)}.apt-topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.apt-topic-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:16px 20px;border-radius:16px;text-align:left;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:12px;font-weight:600}.apt-topic-btn:hover{border-color:var(--color-primary);background:var(--color-bg);transform:translate(5px)}.apt-topic-num{background:var(--color-bg);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:12px;color:var(--color-text-muted)}.apt-test-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:30px;box-shadow:var(--shadow-lg)}.apt-test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.apt-timer{background:var(--color-bg);padding:8px 16px;border-radius:12px;font-family:monospace;font-size:18px;font-weight:700;color:var(--color-primary);border:1px solid var(--color-border);display:flex;align-items:center;gap:8px}.apt-timer.warn{color:#f59e0b}.apt-timer.danger{color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.apt-progress-bar{height:8px;background:var(--color-bg);border-radius:100px;margin-bottom:30px;overflow:hidden}.apt-progress-fill{height:100%;background:var(--color-primary);transition:width .4s cubic-bezier(.4,0,.2,1)}.apt-question-text{font-size:22px;font-weight:700;margin-bottom:30px;line-height:1.4}.apt-options-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.apt-option{background:var(--color-bg);border:2px solid var(--color-border);padding:18px 24px;border-radius:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:16px;font-size:16px;font-weight:500}.apt-option:hover{border-color:var(--color-primary);background:var(--color-surface)}.apt-option.selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.apt-opt-label{width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800;color:var(--color-primary)}.apt-option.selected .apt-opt-label{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.apt-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.apt-stat-card{background:var(--color-bg);padding:24px;border-radius:20px;text-align:center;border:1px solid var(--color-border)}.apt-stat-val{font-size:32px;font-weight:800;display:block}.apt-stat-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.apt-analysis-section{background:var(--color-bg);border-radius:24px;padding:30px;margin-bottom:40px}.apt-analysis-row{margin-bottom:16px}.apt-bar-track{height:10px;background:var(--color-surface);border-radius:100px;overflow:hidden}.apt-bar-fill{height:100%;transition:width 1s ease-out}.apt-review-section{margin-top:8px;text-align:left}.apt-review-item{background:var(--color-bg);border-radius:20px;padding:24px;margin-bottom:20px;border:2px solid var(--color-border);transition:box-shadow .2s ease}.apt-review-item.apt-review-correct{border-left:5px solid #10b981}.apt-review-item.apt-review-wrong{border-left:5px solid #ef4444}.apt-review-q-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.apt-review-badge{font-size:12px;font-weight:700;padding:4px 12px;border-radius:100px;letter-spacing:.5px}.apt-review-badge.badge-correct{background:#10b98126;color:#10b981}.apt-review-badge.badge-wrong{background:#ef444426;color:#ef4444}.apt-review-q-text{font-size:16px;font-weight:600;margin-bottom:18px;line-height:1.5;color:var(--color-text)}.apt-review-options{display:flex;flex-direction:column;gap:10px}.apt-review-option{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:12px;padding:12px 16px;transition:all .2s ease}.apt-review-option.is-correct-ans{border-color:#10b981;background:#10b98114}.apt-review-option.is-wrong-ans{border-color:#ef4444;background:#ef444414}.apt-review-opt-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.apt-review-opt-label{width:28px;height:28px;background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;flex-shrink:0}.is-correct-ans .apt-review-opt-label{background:#10b981;color:#fff;border-color:#10b981}.is-wrong-ans .apt-review-opt-label{background:#ef4444;color:#fff;border-color:#ef4444}.apt-review-opt-text{flex:1;font-size:14px;color:var(--color-text)}.apt-review-indicator{font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px;white-space:nowrap}.apt-review-indicator.ind-correct{background:#10b98126;color:#10b981}.apt-review-indicator.ind-wrong{background:#ef444426;color:#ef4444}.apt-review-explanation{margin-top:10px;padding:10px 14px;background:var(--color-bg);border-radius:8px;font-size:13px;color:var(--color-text-muted);line-height:1.5;border-left:3px solid var(--color-border)}.is-correct-ans .apt-review-explanation{border-left-color:#10b981}.is-wrong-ans .apt-review-explanation{border-left-color:#ef4444}:root{--primary: #8B5CF6;--primary-light: #F5F3FF;--secondary: #EC4899;--success: #6EE7B7;--warning: #FBBF24;--info: #7DD3FC;--danger: #FB7185;--bg: #FEFEFE;--surface: #FFFFFF;--surface-2: #F8FAFC;--border: #E2E8F0;--text: #334155;--muted: #64748b;--radius: 16px;--radius-sm: 12px;--radius-pill: 24px;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--accent-glow: rgba(139, 92, 246, .15)}.ai-interview-container h1,.ai-interview-container h2,.ai-interview-container h3,.ai-interview-container h4,.ai-interview-container h5,.ai-interview-container h6{font-family:Outfit,sans-serif;color:var(--text);font-weight:600}.ai-interview-container h1{font-size:34px}.ai-interview-container h2{font-size:26px}.ai-interview-container h3{font-size:20px}.ai-interview-container .small-text{font-size:14px}.ai-interview-container .accent-text{font-family:Quicksand,sans-serif}.ai-interview-container .app{width:100%;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.ai-interview-container .header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;width:100%;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.ai-interview-container .logo{display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:700;font-family:Outfit,sans-serif;color:var(--text)}.ai-interview-container .logo-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-size:22px;color:#fff;box-shadow:0 4px 12px #8b5cf640}.ai-interview-container .badge{font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:99px;font-family:Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.5px}.ai-interview-container .badge-idle{background:var(--surface-2);color:var(--muted)}.ai-interview-container .badge-live{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.ai-interview-container .badge-done{background:var(--primary-light);color:var(--primary);border:1px solid #ddd6fe}.ai-interview-container .badge-error{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6}.ai-interview-container .connectivity-status{display:flex;align-items:center;gap:12px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);margin-left:auto;box-shadow:0 2px 4px #00000005}.ai-interview-container .signal-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.ai-interview-container .signal-bars .bar{width:3px;background:#e2e8f0;border-radius:1px;transition:all .3s ease}.ai-interview-container .signal-bars .bar-1{height:4px}.ai-interview-container .signal-bars .bar-2{height:7px}.ai-interview-container .signal-bars .bar-3{height:10px}.ai-interview-container .signal-bars .bar-4{height:14px}.ai-interview-container .quality-excellent .bar{background:var(--success)}.ai-interview-container .quality-good .bar-1,.ai-interview-container .quality-good .bar-2,.ai-interview-container .quality-good .bar-3{background:var(--warning)}.ai-interview-container .quality-poor .bar-1{background:var(--danger)}.ai-interview-container .latency-text{font-size:.8rem;font-weight:700;color:var(--muted);font-family:Quicksand,sans-serif;min-width:45px}.ai-interview-container .wifi-icon{color:var(--muted)}.ai-interview-container .wifi-icon.poor{color:var(--danger);animation:blink 1s step-end infinite}.ai-interview-container .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.ai-interview-container .card-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:24px;font-family:Quicksand,sans-serif}.ai-interview-container .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ai-interview-container .form-full{grid-column:1 / -1}.ai-interview-container label{display:block;font-size:.9rem;color:var(--text);margin-bottom:8px;font-weight:600;font-family:Inter,sans-serif}.ai-interview-container label span.req{color:var(--secondary);margin-left:3px}.ai-interview-container input,.ai-interview-container textarea,.ai-interview-container select{width:100%;background:var(--primary-light);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.95rem;padding:12px 16px;outline:none;transition:all .2s ease}.ai-interview-container input:focus,.ai-interview-container textarea:focus,.ai-interview-container select:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--accent-glow)}.ai-interview-container textarea{resize:vertical;min-height:120px}.ai-interview-container .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;padding:14px 28px;border-radius:var(--radius-pill);border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a}.ai-interview-container .btn-primary{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff}.ai-interview-container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf666}.ai-interview-container .btn-primary:active{transform:translateY(0)}.ai-interview-container .btn-danger{background:#fff1f2;color:var(--danger);border:1.5px solid #ffe4e6}.ai-interview-container .btn-danger:hover{background:#ffe4e6}.ai-interview-container .btn-full{width:100%}.ai-interview-container .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ai-interview-container .progress-container{margin-bottom:28px}.ai-interview-container .progress-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--muted);margin-bottom:10px;font-family:Quicksand,sans-serif}.ai-interview-container .progress-bar{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.ai-interview-container .progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.ai-interview-container .viz-row{display:flex;align-items:center;gap:20px;margin-bottom:24px}.ai-interview-container .avatar{width:64px;height:64px;border-radius:20px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),#7c3aed);display:grid;place-items:center;font-size:1.5rem;box-shadow:0 4px 12px #8b5cf633;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.ai-interview-container .avatar.speaking{animation:bounce-avatar 1.2s ease infinite;box-shadow:0 0 0 8px var(--primary-light)}.ai-interview-container .viz-info{flex:1}.ai-interview-container .viz-name{font-weight:700;font-size:1.1rem;font-family:Outfit,sans-serif}.ai-interview-container .viz-status{font-size:.85rem;color:var(--muted);margin-top:4px;font-family:Quicksand,sans-serif}.ai-interview-container .bars{display:flex;align-items:center;gap:4px;height:32px}.ai-interview-container .bar{width:5px;background:var(--primary);border-radius:99px;animation:bar-wave 1.2s ease-in-out infinite}.ai-interview-container .bars.idle .bar{height:4px;opacity:.3;animation:none}.ai-interview-container .transcript-box{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:20px;min-height:120px;font-size:.95rem;line-height:1.7;color:var(--text);max-height:250px;overflow-y:auto}.ai-interview-container .t-agent{color:var(--primary);font-weight:700;margin-bottom:6px;font-family:Outfit,sans-serif}.ai-interview-container .t-user{color:var(--text);font-family:Inter,sans-serif}.ai-interview-container .meta-row{display:flex;gap:16px;margin-bottom:24px}.ai-interview-container .q-chip{flex:1;background:var(--primary-light);border:1px solid #ddd6fe;border-radius:var(--radius-sm);padding:16px 20px}.ai-interview-container .q-chip .label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:6px;font-weight:700;font-family:Quicksand,sans-serif}.ai-interview-container .q-chip .value{font-size:1rem;font-weight:600}.ai-interview-container .timer-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px}.ai-interview-container .timer-chip.warning .value{color:var(--danger);font-weight:700}.ai-interview-container .mic-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:var(--radius-pill);font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s;font-family:Outfit,sans-serif}.ai-interview-container .mic-btn.on{background:#ecfdf5;color:#059669;border:1.5px solid #d1fae5}.ai-interview-container .mic-btn.off{background:#fff1f2;color:var(--danger);border:1.5px solid #ffe4e6}.ai-interview-container .mic-dot{width:12px;height:12px;border-radius:50%}.ai-interview-container .mic-btn.on .mic-dot{background:#10b981;animation:pulse-ring 1.5s cubic-bezier(.4,0,.6,1) infinite}.ai-interview-container .answer-item{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:18px 20px;box-shadow:0 2px 4px #00000005}.ai-interview-container .eval-ring-bg{fill:none;stroke:var(--surface-2);stroke-width:8}.ai-interview-container .eval-ring-fill{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.ai-interview-container .eval-score-num{font-size:2.5rem;font-weight:800;font-family:Outfit,sans-serif;color:var(--text)}.ai-interview-container .eval-score-label{font-size:.75rem;color:var(--muted)}.ai-interview-container .toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:10000}.ai-interview-container .toast{background:#1a1b26f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--accent);border-radius:10px;padding:14px 20px;font-size:.9rem;color:#fff;box-shadow:0 10px 30px #0006;display:flex;align-items:center;gap:12px;animation:toastIn .4s cubic-bezier(.18,.89,.32,1.28);max-width:360px;transition:all .4s ease}.ai-interview-container ::-webkit-scrollbar{width:6px}.ai-interview-container ::-webkit-scrollbar-track{background:transparent}.ai-interview-container ::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.ai-interview-container .thinking{display:flex;align-items:center;gap:5px;margin-top:8px}.ai-interview-container .thinking i{width:6px;height:6px;border-radius:50%;background:var(--primary);display:inline-block;animation:tdot .9s ease infinite}.ai-interview-container .thinking i:nth-child(2){animation-delay:.15s}.ai-interview-container .thinking i:nth-child(3){animation-delay:.3s}.ai-interview-container .user-viz-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:20px;box-shadow:0 2px 8px #00000008}.ai-interview-container .user-avatar{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--secondary),#f472b6);display:grid;place-items:center;font-size:1.1rem;color:#fff}.ai-interview-container .user-bars{display:flex;align-items:center;gap:4px;height:24px;flex:1}.ai-interview-container .user-bar{width:4px;background:var(--secondary);border-radius:99px;height:4px;transition:height .05s}.ai-interview-container .radio-group{display:flex;gap:12px;flex-wrap:wrap}.ai-interview-container .radio-btn{flex:1;min-width:120px;text-align:center;font-size:.9rem;padding:14px 10px;background:var(--primary-light);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--muted);font-weight:600;font-family:Quicksand,sans-serif}.ai-interview-container .radio-btn.active{background:var(--surface);border-color:var(--primary);color:var(--primary);box-shadow:0 4px 6px #8b5cf61a}.ai-interview-container .steps-strip{display:flex;justify-content:center;margin:16px 0 32px;font-size:.85rem;color:var(--muted);font-family:Quicksand,sans-serif}.ai-interview-container .step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:140px}.ai-interview-container .step-icon{width:40px;height:40px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s}.ai-interview-container .step.active .step-icon{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.ai-interview-container .eval-final-box{margin-top:32px;padding:24px 32px;background:linear-gradient(135deg,#f5f3ff,#fff);border:1.5px solid #ddd6fe;border-radius:var(--radius);box-shadow:var(--shadow)}.ai-interview-container .eval-list{padding-left:20px;display:flex;flex-direction:column;gap:10px}.ai-interview-container .eval-list li{font-size:.95rem;line-height:1.6;color:var(--text)}.ai-interview-container .eval-list-good li::marker{color:var(--success)}.ai-interview-container .eval-list-bad li::marker{color:var(--danger)}.ai-interview-container .eval-section-title{font-size:.9rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:16px;margin-top:32px;font-family:Quicksand,sans-serif}.ai-interview-container .stat-badge{display:flex;flex-direction:column;padding:14px 20px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);min-width:150px;box-shadow:0 2px 4px #00000005}.ai-interview-container .stat-value{font-size:1.25rem;font-weight:800;color:var(--text);font-family:Outfit,sans-serif}.ai-interview-container .stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-top:4px;font-family:Quicksand,sans-serif}.ai-interview-container .dashboard-content-wrapper{padding:24px;width:100%;max-width:1200px;margin:0 auto;flex:1}.ai-interview-container .sidebar{display:none!important}.ai-interview-container .sidebar{background:var(--surface);border-radius:var(--radius);padding:24px 16px;border:1px solid var(--border);height:fit-content;position:sticky;top:24px;width:280px;transition:width .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:20px}.ai-interview-container .sidebar.collapsed{width:80px;padding:24px 12px}.ai-interview-container .sidebar-toggle{position:absolute;top:20px;right:-14px;width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);color:var(--primary);transition:all .2s ease;z-index:10}.ai-interview-container .sidebar-toggle:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.ai-interview-container .sidebar-nav{display:flex;flex-direction:column;gap:8px}.ai-interview-container .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Quicksand,sans-serif;position:relative;overflow:hidden}.ai-interview-container .sidebar.collapsed .nav-item{justify-content:center;padding:12px}.ai-interview-container .nav-item:hover{background:var(--primary-light);color:var(--primary);transform:translate(4px)}.ai-interview-container .sidebar.collapsed .nav-item:hover{transform:scale(1.05)}.ai-interview-container .nav-item.active{background:linear-gradient(135deg,var(--primary-light),#eeebff);color:var(--primary);box-shadow:inset 0 0 0 1px #8b5cf61a}.ai-interview-container .nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.ai-interview-container .live-pulse{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--surface);animation:pulse-red 1.5s infinite}.ai-interview-container .live-tag{font-size:.6rem;background:var(--danger);color:#fff;padding:2px 6px;border-radius:4px;margin-left:8px;letter-spacing:1px;font-weight:800}.ai-interview-container .sidebar-tip{margin-top:auto;background:linear-gradient(145deg,var(--primary-light),#f8f7ff);padding:20px;border-radius:16px;border:1px solid rgba(139,92,246,.1);animation:fadeIn .4s ease}.ai-interview-container .tip-header{display:flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;margin-bottom:8px;font-size:.85rem}.ai-interview-container .sidebar-tip p{font-size:.75rem;line-height:1.5;color:var(--text);opacity:.8}.ai-interview-container .sidebar-tip-collapsed{margin-top:auto;display:flex;justify-content:center;padding:12px;opacity:.6;transition:opacity .2s}.ai-interview-container .sidebar-tip-collapsed:hover{opacity:1}.ai-interview-container .dashboard-content{width:100%}@media(max-width:1024px){.ai-interview-container .dashboard-container{grid-template-columns:1fr}.ai-interview-container .sidebar{display:none}}.ai-interview-container .agent-vol{display:flex;align-items:center;gap:3px;height:30px;margin-left:auto}.ai-interview-container .agent-vol-bar{width:3px;background:var(--primary);border-radius:4px;height:4px}.ai-interview-container .input-back-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--primary);cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 8px;border-radius:4px;transition:background .2s}.ai-interview-container .input-back-btn:hover{background:#8b5cf61a}.ai-interview-container .skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.ai-interview-container .skill-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:20px;transition:transform .2s}.ai-interview-container .skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ai-interview-container .eval-score-label{font-size:.65rem;font-weight:800;letter-spacing:1px;margin-top:4px;opacity:.8}.ai-interview-container .method-toggle{display:flex;background:var(--surface-2);padding:4px;border-radius:12px;gap:4px;border:1px solid var(--border)}.ai-interview-container .method-toggle button{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;background:transparent;color:var(--muted);transition:all .2s ease;font-family:Outfit,sans-serif}.ai-interview-container .method-toggle button:hover{color:var(--primary)}.ai-interview-container .method-toggle button.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 4px #0000000d}.ai-interview-container .file-upload-zone{position:relative;border:2px dashed rgba(139,92,246,.3);border-radius:var(--radius);background:#8b5cf605;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;margin-top:4px}.ai-interview-container .file-upload-zone:hover{border-color:var(--primary);background:#8b5cf614}.ai-interview-container .file-upload-zone.parsing{border-style:solid;background:var(--surface);border-color:var(--primary)}.ai-interview-container .hidden-input{display:none}.ai-interview-container .upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;cursor:pointer;gap:12px;min-height:160px}.ai-interview-container .upload-text{text-align:center;color:var(--muted);font-size:.9rem}.ai-interview-container .upload-text strong{color:var(--primary)}.ai-interview-container .upload-text p{font-size:.75rem;margin-top:4px;opacity:.7}.ai-interview-container .upload-success{display:flex;align-items:center;gap:10px;background:#f0fdf4;color:#166534;padding:10px 16px;font-size:.8rem;font-weight:600;border-top:1px solid #dcfce7}.ai-interview-container .clear-btn{margin-left:auto;background:transparent;border:none;color:var(--danger);font-size:.7rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.ai-interview-container .clear-btn:hover{text-decoration:underline}.ai-interview-container .avatar-panel{position:relative;border-radius:12px;overflow:hidden;background:#111827;border:2px solid #1e2535;min-height:260px;display:flex;align-items:center;justify-content:center;transition:border-color .3s,box-shadow .3s}.ai-interview-container .avatar-panel:has(.connecting-overlay){background:transparent;border-color:#ddd6fe}.ai-interview-container .avatar-panel.agent-speaking{border-color:#6366f1;box-shadow:0 0 20px #6366f125}.ai-interview-container #avatar-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#475569;font-size:13px}.ai-interview-container .avatar-spinner{width:36px;height:36px;border:3px solid #1e2535;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.ai-interview-container #avatar-nametag{position:absolute;bottom:12px;left:12px;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:4px 10px;font-size:12px;color:#e2e8f0;display:flex;align-items:center;gap:6px}.ai-interview-container .avatar-speaking-dot{width:7px;height:7px;border-radius:50%;background:#6366f1;display:none;animation:dot-pulse .9s ease-in-out infinite}.ai-interview-container .avatar-panel.agent-speaking .avatar-speaking-dot{display:block}.ai-interview-container #self-view-panel{position:relative;border-radius:10px;overflow:hidden;background:#0f172a;border:2px solid #1e2535;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:border-color .2s}.ai-interview-container #self-view-panel.user-speaking{border-color:#22c55e}.ai-interview-container #camera-off-msg{color:#334155;font-size:13px}.ai-interview-container #self-nametag{position:absolute;bottom:8px;left:8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:5px;padding:3px 8px;font-size:11px;color:#94a3b8}.ai-interview-container .cam-btn{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:7px 14px;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.ai-interview-container .cam-btn.on{background:#064e3b;border-color:#22c55e;color:#22c55e}.ai-interview-container .interview-split{display:flex;gap:24px;align-items:stretch}.ai-interview-container .interview-video-col{flex:65;display:flex;flex-direction:column}.ai-interview-container .interview-transcript-col{flex:35;display:flex;flex-direction:column;gap:16px}.ai-interview-container .connecting-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f7fff5,#f0ebfff5 60%,#fdf4fff5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:co-fade-in .6s cubic-bezier(.16,1,.3,1)}.ai-interview-container .co-phase{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;width:100%;animation:co-phase-in .5s ease}.ai-interview-container .co-title{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text);text-align:center;margin-bottom:8px}.ai-interview-container .co-role{color:var(--primary);font-weight:700}.ai-interview-container .co-steps{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px}.ai-interview-container .co-step{display:flex;align-items:center;gap:12px;opacity:0;transform:translate(-12px);transition:opacity .45s ease,transform .45s ease}.ai-interview-container .co-step-visible{opacity:1;transform:translate(0)}.ai-interview-container .co-step-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.ai-interview-container .co-step-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:co-spin .8s linear infinite}.ai-interview-container .co-step-label{font-size:1.05rem;color:var(--muted);font-weight:500}.ai-interview-container .co-step-visible .co-step-label{color:var(--text);font-weight:600}.ai-interview-container .co-tip-header{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--primary);font-family:Quicksand,sans-serif}.ai-interview-container .co-tip-card{display:flex;align-items:flex-start;gap:20px;background:#fff;border:1px solid #e9d5ff;border-radius:20px;padding:28px 32px;box-shadow:0 10px 40px #8b5cf61f;max-width:500px;width:100%;animation:co-tip-slide .5s cubic-bezier(.16,1,.3,1)}.ai-interview-container .co-tip-icon{font-size:2rem;line-height:1;flex-shrink:0;margin-top:2px}.ai-interview-container .co-tip- .co-tip-body strong{font-size:1.15rem;color:var(--text);font-family:Outfit,sans-serif;margin-bottom:4px}.ai-interview-container .co-tip-body p{font-size:.98rem;color:var(--muted);line-height:1.6;margin:0}.ai-interview-container .co-tip-dots{display:flex;gap:6px;align-items:center}.ai-interview-container .co-dot{width:7px;height:7px;border-radius:50%;background:#ddd6fe;transition:background .3s ease,transform .3s ease}.ai-interview-container .co-dot-active{background:var(--primary);transform:scale(1.3)}.ai-interview-container .co-phase-c{gap:16px}.ai-interview-container .co-pulse-ring{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.ai-interview-container .co-pulse-ring:before,.ai-interview-container .co-pulse-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--primary);animation:co-pulse-expand 2s ease-out infinite}.ai-interview-container .co-pulse-ring:after{animation-delay:.8s}.ai-interview-container .co-pulse-inner{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),#ede9fe);display:flex;align-items:center;justify-content:center;border:2px solid #ddd6fe;box-shadow:0 4px 16px #8b5cf626;z-index:1}.ai-interview-container .co-ready-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text);text-align:center}.ai-interview-container .co-ready-sub{font-size:.85rem;color:var(--muted);text-align:center;max-width:240px;line-height:1.5}.ai-interview-container .pending-eval-card{border:none;background:linear-gradient(145deg,var(--surface),#f8faff);box-shadow:var(--shadow-lg)}.ai-interview-container .synthesis-scan-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scan 3s infinite linear;opacity:.4;z-index:10}.ai-interview-container .synthesis-progress-container{margin-top:40px;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.ai-interview-container .synthesis-progress-track{height:6px;background:var(--surface-2);border-radius:10px;overflow:hidden;margin-bottom:12px}.ai-interview-container .synthesis-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px}.ai-interview-container .synthesis-status{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.ai-interview-container .session-card-animate{transition:all .5s cubic-bezier(.16,1,.3,1)}.ai-interview-container .user-viz-row{transition:all .3s ease;border-radius:12px}.ai-interview-container .user-viz-row.listening{border-color:var(--success)!important;background:#fff!important;box-shadow:0 0 15px #6ee7b726}@keyframes blink{50%{opacity:.3}}@keyframes bounce-avatar{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bar-wave{0%,to{height:6px;opacity:.5}50%{height:28px;opacity:1}}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tdot{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1.1);opacity:1}}@keyframes pulse-red{0%{box-shadow:0 0 #fb7185b3}70%{box-shadow:0 0 0 10px #fb718500}to{box-shadow:0 0 #fb718500}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}@keyframes co-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes co-phase-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes co-spin{to{transform:rotate(360deg)}}@keyframes co-tip-slide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes co-pulse-expand{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes scan{0%{top:0}to{top:100%}}