*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--primary-bg:#6c5ce714;--primary-bg-hover:#6c5ce724;--accent:#00cec9;--accent-light:#55efc4;--accent-dark:#00b5b0;--accent-bg:#00cec914;--bg:#f8f9fe;--surface:#fff;--surface-alt:#f0f1f8;--surface-hover:#eaeaf5;--text:#2d3436;--text-secondary:#636e72;--text-tertiary:#b2bec3;--text-on-primary:#fff;--border:#e8e9f0;--border-light:#f0f1f6;--success:#00b894;--success-bg:#00b8941a;--warning:#fdcb6e;--warning-bg:#fdcb6e1f;--error:#ff7675;--error-bg:#ff76751a;--info:#74b9ff;--info-bg:#74b9ff1a;--gradient-primary:linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-primary-hover:linear-gradient(135deg, #5a4bd1, #8b83f7);--gradient-accent:linear-gradient(135deg, #00cec9, #55efc4);--gradient-warm:linear-gradient(135deg, #fd79a8, #fdcb6e);--gradient-cool:linear-gradient(135deg, #74b9ff, #a29bfe);--gradient-hero:linear-gradient(160deg, #6c5ce7 0%, #a29bfe 50%, #00cec9 100%);--glass-bg:#ffffffb8;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #6c5ce714;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 3px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-primary:0 4px 20px #6c5ce740;--shadow-accent:0 4px 20px #00cec940;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-xs:.6875rem;--font-sm:.75rem;--font-base:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:48px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:10;--z-sticky:20;--z-nav:50;--z-modal:100;--z-toast:200;--z-splash:999;--nav-height:64px;--header-height:56px;--max-width:480px}[data-theme=dark]{--primary:#8b7cf7;--primary-light:#a29bfe;--primary-dark:#6c5ce7;--primary-bg:#8b7cf71f;--primary-bg-hover:#8b7cf733;--accent:#00e5df;--accent-light:#55efc4;--accent-bg:#00e5df1a;--bg:#0d1117;--surface:#161b22;--surface-alt:#21262d;--surface-hover:#292e36;--text:#f0f6fc;--text-secondary:#8b949e;--text-tertiary:#484f58;--border:#30363d;--border-light:#262c33;--success-bg:#00b89426;--warning-bg:#fdcb6e1f;--error-bg:#ff76751f;--info-bg:#74b9ff1f;--glass-bg:#161b22cc;--glass-border:#30363d99;--glass-shadow:0 8px 32px #0000004d;--shadow-xs:0 1px 3px #0003;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000059;--shadow-xl:0 16px 48px #0006;--shadow-primary:0 4px 20px #8b7cf733}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;overflow-x:hidden}#root{background:var(--bg);justify-content:center;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;font-size:var(--font-base);background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-family);font-size:var(--font-base);outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.app-container{width:100%;max-width:var(--max-width);background:var(--bg);min-height:100vh;box-shadow:var(--shadow-xl);position:relative}@media (width<=480px){.app-container{max-width:100%;box-shadow:none}}.app-container ::-webkit-scrollbar{width:4px}.app-container ::-webkit-scrollbar-track{background:0 0}.app-container ::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.page{padding:var(--space-base);padding-bottom:calc(var(--nav-height) + var(--space-2xl));min-height:100vh;animation:.4s ease-out fadeIn}.page-header{padding:var(--space-base) 0;margin-bottom:var(--space-base);justify-content:space-between;align-items:center;display:flex}.page-header h1{font-size:var(--font-xl);font-weight:700}.page-title{font-size:var(--font-2xl);color:var(--text);margin-bottom:var(--space-lg);font-weight:800}.page-subtitle{font-size:var(--font-base);color:var(--text-secondary);margin-top:-var(--space-md);margin-bottom:var(--space-lg)}.section{margin-bottom:var(--space-xl)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-md);color:var(--text);font-weight:700}.section-link{font-size:var(--font-sm);color:var(--primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:600}.section-link:hover{opacity:.8}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-base);border:1px solid var(--border);transition:transform var(--transition-base), box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-base);box-shadow:var(--glass-shadow)}.card-gradient{background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--space-lg);color:#fff;border:none;position:relative;overflow:hidden}.card-gradient:before{content:"";background:radial-gradient(circle,#ffffff1f 0%,#0000 60%);border-radius:50%;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-base);transition:all var(--transition-base);white-space:nowrap;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:active:after{background:#0000001a}.btn-primary{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6c5ce759}.btn-secondary{background:var(--primary-bg);color:var(--primary)}.btn-secondary:hover{background:var(--primary-bg-hover)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-bg)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-alt);color:var(--text)}.btn-lg{padding:var(--space-base) var(--space-xl);font-size:var(--font-md);border-radius:var(--radius-md)}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-sm);width:40px;height:40px;padding:0}.btn-icon-sm{border-radius:var(--radius-xs);width:32px;height:32px;padding:0}.input-group{margin-bottom:var(--space-base)}.input-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.input{width:100%;padding:var(--space-md) var(--space-base);background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.input::placeholder{color:var(--text-tertiary)}.input-icon-wrapper{position:relative}.input-icon-wrapper .input{padding-left:44px}.input-icon-wrapper .icon-left{color:var(--text-tertiary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.chip{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:var(--font-sm);background:var(--primary-bg);color:var(--primary);transition:all var(--transition-fast);padding:6px 12px;font-weight:500;display:inline-flex}.chip-success{background:var(--success-bg);color:var(--success)}.chip-warning{background:var(--warning-bg);color:#e17055}.chip-error{background:var(--error-bg);color:var(--error)}.chip-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.avatar{border-radius:var(--radius-full);width:40px;height:40px;font-weight:700;font-size:var(--font-base);color:var(--text-on-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--font-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--font-xl)}.avatar-2xl{width:80px;height:80px;font-size:var(--font-2xl)}.badge{border-radius:var(--radius-full);background:var(--error);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.progress-bar{background:var(--surface-alt);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.progress-bar-sm{height:4px}.progress-bar-lg{height:12px}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--nav-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:var(--z-nav);padding:0 var(--space-sm);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0}.nav-item{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:48px;display:flex;position:relative}.nav-item span{font-size:10px;font-weight:500}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";background:var(--gradient-primary);border-radius:0 0 var(--radius-full) var(--radius-full);width:24px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.divider{background:var(--border);width:100%;height:1px;margin:var(--space-base) 0}.empty-state{padding:var(--space-4xl) var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-full);background:var(--primary-bg);width:80px;height:80px;color:var(--primary);margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}.empty-state h3{font-size:var(--font-lg);margin-bottom:var(--space-sm);font-weight:700}.empty-state p{font-size:var(--font-base);color:var(--text-secondary);max-width:280px}.skeleton{background:var(--surface-alt);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.toast{top:var(--space-lg);max-width:calc(var(--max-width) - var(--space-2xl));padding:var(--space-md) var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-toast);align-items:center;gap:var(--space-sm);animation:.3s ease-out slideDown;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bottom-sheet-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;max-width:var(--max-width);background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl);max-height:85vh;animation:.3s ease-out slideUp;overflow-y:auto}.bottom-sheet-handle{background:var(--border);border-radius:var(--radius-full);width:40px;height:4px;margin:0 auto var(--space-lg)}.h-scroll{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs);display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes progressGrow{0%{width:0}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-base{gap:var(--space-base)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-md{font-size:var(--font-md)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.splash{background:var(--gradient-hero);z-index:var(--z-splash);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-particles{pointer-events:none;position:absolute;inset:0}.splash-particle{background:#ffffff1a;border-radius:50%;animation:linear infinite particleFloat;position:absolute}.splash-particle:first-child{width:80px;height:80px;animation-duration:7s;animation-delay:0s;top:10%;left:8%}.splash-particle:nth-child(2){background:#ffffff14;width:40px;height:40px;animation-duration:5s;animation-delay:.5s;top:65%;right:12%}.splash-particle:nth-child(3){width:60px;height:60px;animation-duration:8s;animation-delay:1s;bottom:20%;left:15%}.splash-particle:nth-child(4){background:#ffffff26;width:24px;height:24px;animation-duration:4s;animation-delay:.3s;top:30%;right:20%}.splash-particle:nth-child(5){background:#ffffff0f;width:50px;height:50px;animation-duration:6s;animation-delay:.8s;top:75%;left:55%}.splash-particle:nth-child(6){background:#ffffff1f;width:36px;height:36px;animation-duration:9s;animation-delay:1.2s;top:15%;right:35%}.splash-particle:nth-child(7){background:#ffffff2e;width:20px;height:20px;animation-duration:5.5s;animation-delay:.6s;bottom:35%;right:8%}.splash-particle:nth-child(8){background:#ffffff0d;width:70px;height:70px;animation-duration:10s;animation-delay:.2s;bottom:10%;right:30%}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0)scale(1)}25%{opacity:.8;transform:translateY(-20px)scale(1.05)}50%{opacity:1;transform:translateY(-10px)scale(.95)}75%{opacity:.7;transform:translateY(-25px)scale(1.02)}}.splash-logo-container{align-items:center;gap:var(--space-lg);opacity:0;z-index:2;flex-direction:column;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards splashBounceIn;display:flex}@keyframes splashBounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.splash-icon{filter:drop-shadow(0 4px 20px #00000026);font-size:4rem;animation:2s ease-in-out infinite splashIconPulse}@keyframes splashIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.splash-title{font-size:var(--font-4xl);color:#fff;letter-spacing:-.5px;text-shadow:0 2px 20px #00000026;font-weight:800}.splash-tagline{font-size:var(--font-base);color:#ffffffbf;letter-spacing:.5px;opacity:0;font-weight:500;animation:.6s ease-out .5s forwards splashFadeInDelay}@keyframes splashFadeInDelay{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.splash-glow{z-index:1;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:2s ease-in-out infinite splashGlow;position:absolute}@keyframes splashGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.onboarding{background:var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.onboarding-skip{top:var(--space-lg);right:var(--space-lg);font-size:var(--font-base);color:var(--text-secondary);z-index:10;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:600;position:absolute}.onboarding-skip:hover{background:var(--surface-alt);color:var(--primary)}.onboarding-slides{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.onboarding-slide{padding:var(--space-3xl) var(--space-2xl);text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0;transform:translate(60px)}.onboarding-slide.active{opacity:1;pointer-events:auto;transform:translate(0)}.onboarding-slide.exiting{opacity:0;transform:translate(-60px)}.onboarding-illustration{width:220px;height:220px;margin-bottom:var(--space-3xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.onboarding-illustration:before{content:"";background:var(--gradient-primary);opacity:.08;border-radius:50%;animation:3s ease-in-out infinite illustrationRingPulse;position:absolute;inset:-8px}@keyframes illustrationRingPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.14;transform:scale(1.06)}}.onboarding-illustration-inner{background:var(--gradient-primary);width:100%;height:100%;box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.onboarding-illustration-inner:after{content:"";background:radial-gradient(circle,#ffffff2e 0%,#0000 60%);border-radius:50%;width:80%;height:80%;position:absolute;top:-40%;right:-40%}.onboarding-emoji{filter:drop-shadow(0 4px 12px #0000001a);z-index:1;font-size:5rem}.onboarding-float-icon{border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:1.25rem;animation:3s ease-in-out infinite floatBounce;display:flex;position:absolute}.onboarding-float-icon:nth-child(2){animation-delay:.5s;top:10%;right:-20px}.onboarding-float-icon:nth-child(3){animation-delay:1s;bottom:10%;left:-20px}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding-title{font-size:var(--font-2xl);color:var(--text);margin-bottom:var(--space-md);font-weight:800;line-height:1.3}.onboarding-description{font-size:var(--font-md);color:var(--text-secondary);max-width:320px;line-height:1.6}.onboarding-controls{padding:var(--space-2xl);padding-bottom:var(--space-3xl);align-items:center;gap:var(--space-xl);flex-direction:column;display:flex}.onboarding-dots{gap:var(--space-sm);display:flex}.onboarding-dot{border-radius:var(--radius-full);background:var(--border);width:8px;height:8px;transition:all var(--transition-base)}.onboarding-dot.active{background:var(--gradient-primary);width:28px}.onboarding-btn{width:100%;padding:var(--space-base) var(--space-xl);background:var(--gradient-primary);color:var(--text-on-primary);font-size:var(--font-md);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-primary);transition:all var(--transition-base);font-weight:700;display:flex;position:relative;overflow:hidden}.onboarding-btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.onboarding-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce759}.onboarding-btn:active:after{background:#00000014}.onboarding-btn .btn-icon-arrow{transition:transform var(--transition-base)}.onboarding-btn:hover .btn-icon-arrow{transform:translate(3px)}.login{min-height:100vh;padding:var(--space-3xl) var(--space-xl) var(--space-2xl);background:var(--bg);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.login-logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-direction:column;animation:.5s ease-out slideUp;display:flex}.login-logo-icon{margin-bottom:var(--space-xs);font-size:2.5rem}.login-logo-text{font-size:var(--font-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.login-heading{font-size:var(--font-3xl);color:var(--text);margin-bottom:var(--space-xs);font-weight:800;animation:.5s ease-out .1s backwards slideUp}.login-subheading{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:var(--space-2xl);animation:.5s ease-out .15s backwards slideUp}.login-form{gap:var(--space-base);flex-direction:column;animation:.5s ease-out .2s backwards slideUp;display:flex}.login-input-group{position:relative}.login-input-group label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-wrapper .input-icon{color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:14px}.login-input-wrapper input{width:100%;padding:var(--space-md) var(--space-base);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding-left:44px}.login-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.login-input-wrapper input:focus~.input-icon,.login-input-wrapper input:focus+.input-icon{color:var(--primary)}.login-input-wrapper input::placeholder{color:var(--text-tertiary)}.login-password-toggle{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.login-password-toggle:hover{color:var(--text-secondary);background:var(--surface-alt)}.login-forgot{text-align:right;margin-top:calc(-1 * var(--space-sm))}.login-forgot a{font-size:var(--font-sm);color:var(--primary);transition:opacity var(--transition-fast);font-weight:600}.login-forgot a:hover{opacity:.8}.login-submit{width:100%;padding:var(--space-base) var(--space-xl);background:var(--gradient-primary);color:var(--text-on-primary);font-size:var(--font-md);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);transition:all var(--transition-base);margin-top:var(--space-sm);font-weight:700;position:relative;overflow:hidden}.login-submit:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.login-submit:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce759}.login-submit:active:after{background:#00000014}.login-divider{align-items:center;gap:var(--space-md);margin:var(--space-xl) 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{font-size:var(--font-sm);color:var(--text-tertiary);white-space:nowrap}.login-socials{gap:var(--space-md);display:flex}.login-social-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base);border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--font-base);transition:all var(--transition-fast);flex:1;font-weight:600;display:flex}.login-social-btn:hover{border-color:var(--text-tertiary);background:var(--surface-alt);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.login-social-btn .social-icon-google{width:20px;height:20px}.login-social-btn .social-icon-github{color:var(--text)}.login-footer{padding-top:var(--space-2xl);text-align:center;font-size:var(--font-base);color:var(--text-secondary);margin-top:auto}.login-footer a{color:var(--primary);transition:opacity var(--transition-fast);font-weight:700}.login-footer a:hover{opacity:.8}.signup{min-height:100vh;padding:var(--space-3xl) var(--space-xl) var(--space-2xl);background:var(--bg);flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.signup-header{margin-bottom:var(--space-2xl);animation:.5s ease-out slideUp}.signup-header-icon{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;width:56px;height:56px;margin-bottom:var(--space-lg);box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:flex}.signup-heading{font-size:var(--font-3xl);color:var(--text);margin-bottom:var(--space-xs);font-weight:800}.signup-subheading{font-size:var(--font-base);color:var(--text-secondary)}.signup-form{gap:var(--space-base);flex-direction:column;animation:.5s ease-out .15s backwards slideUp;display:flex}.signup-input-group{position:relative}.signup-input-group label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:600;display:block}.signup-input-wrapper{align-items:center;display:flex;position:relative}.signup-input-wrapper .input-icon{color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:14px}.signup-input-wrapper input,.signup-input-wrapper select{width:100%;padding:var(--space-md) var(--space-base);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--font-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;padding-left:44px}.signup-input-wrapper select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B2BEC3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.signup-input-wrapper input:focus,.signup-input-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.signup-input-wrapper input::placeholder{color:var(--text-tertiary)}.signup-row{gap:var(--space-md);display:flex}.signup-row .signup-input-group{flex:1}.signup-password-toggle{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:12px}.signup-password-toggle:hover{color:var(--text-secondary);background:var(--surface-alt)}.signup-submit{width:100%;padding:var(--space-base) var(--space-xl);background:var(--gradient-primary);color:var(--text-on-primary);font-size:var(--font-md);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);transition:all var(--transition-base);margin-top:var(--space-sm);font-weight:700;position:relative;overflow:hidden}.signup-submit:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.signup-submit:hover{transform:translateY(-2px);box-shadow:0 6px 28px #6c5ce759}.signup-submit:active:after{background:#00000014}.signup-footer{padding-top:var(--space-2xl);text-align:center;font-size:var(--font-base);color:var(--text-secondary);margin-top:auto}.signup-footer a{color:var(--primary);transition:opacity var(--transition-fast);font-weight:700}.signup-footer a:hover{opacity:.8}.role-selection{padding:var(--space-xl) var(--space-base);flex-direction:column;min-height:100vh;animation:.4s ease-out fadeIn;display:flex}.role-selection__header{text-align:center;margin-bottom:var(--space-3xl);padding-top:var(--space-4xl);animation:.5s ease-out slideUp}.role-selection__icon-row{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.role-selection__logo-dot{border-radius:var(--radius-full);background:var(--gradient-primary);width:10px;height:10px}.role-selection__title{font-size:var(--font-3xl);color:var(--text);margin-bottom:var(--space-sm);letter-spacing:-.5px;font-weight:800}.role-selection__subtitle{font-size:var(--font-md);color:var(--text-secondary);line-height:1.5}.role-selection__cards{gap:var(--space-base);flex-direction:column;flex:1;display:flex}.role-card{align-items:center;gap:var(--space-base);padding:var(--space-lg);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);animation:.5s ease-out both slideUp;display:flex;position:relative;overflow:hidden}.role-card:first-child{animation-delay:.1s}.role-card:nth-child(2){animation-delay:.2s}.role-card:nth-child(3){animation-delay:.3s}.role-card:before{content:"";opacity:0;transition:opacity var(--transition-base);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.role-card--primary:before{background:linear-gradient(135deg,#6c5ce70a,#a29bfe0f)}.role-card--accent:before{background:linear-gradient(135deg,#00cec90a,#55efc40f)}.role-card--warm:before{background:linear-gradient(135deg,#fd79a80a,#fdcb6e0f)}.role-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-3px)}.role-card:hover:before{opacity:1}.role-card--primary:hover{border-color:var(--primary-light);box-shadow:var(--shadow-primary)}.role-card--accent:hover{border-color:var(--accent-light);box-shadow:var(--shadow-accent)}.role-card--warm:hover{border-color:var(--warning);box-shadow:0 4px 20px #fd79a833}.role-card:active{transform:translateY(0)scale(.98)}.role-card__icon{border-radius:var(--radius-md);color:#fff;width:56px;min-width:56px;height:56px;transition:transform var(--transition-spring);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.role-card:hover .role-card__icon{transform:scale(1.08)rotate(-2deg)}.role-card__icon--primary{background:var(--gradient-primary)}.role-card__icon--accent{background:var(--gradient-accent)}.role-card__icon--warm{background:var(--gradient-warm)}.role-card__icon:after{content:"";background:radial-gradient(circle,#ffffff40 0%,#0000 70%);border-radius:50%;width:60%;height:60%;position:absolute;top:-30%;right:-30%}.role-card__content{flex:1;min-width:0}.role-card__name{font-size:var(--font-md);color:var(--text);margin-bottom:var(--space-xs);font-weight:700}.role-card__description{font-size:var(--font-sm);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.role-card__arrow{color:var(--text-tertiary);transition:all var(--transition-base);flex-shrink:0}.role-card:hover .role-card__arrow{transform:translate(4px)}.role-card--primary:hover .role-card__arrow{color:var(--primary)}.role-card--accent:hover .role-card__arrow{color:var(--accent)}.role-card--warm:hover .role-card__arrow{color:#fd79a8}.role-selection__footer{text-align:center;padding:var(--space-2xl) 0 var(--space-lg);margin-top:auto;animation:.6s ease-out .5s both fadeIn}.role-selection__footer-text{font-size:var(--font-sm);color:var(--text-tertiary);line-height:1.6}.student-home{padding:var(--space-base);padding-bottom:calc(var(--nav-height) + var(--space-3xl));min-height:100vh;animation:.3s ease-out fadeIn}.sh-header{padding:var(--space-md) 0 var(--space-lg);justify-content:space-between;align-items:center;animation:.4s ease-out slideUp;display:flex}.sh-header__left h1{font-size:var(--font-xl);color:var(--text);letter-spacing:-.3px;font-weight:800}.sh-header__left p{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}.sh-header__bell{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.sh-header__bell:hover{background:var(--surface-alt);color:var(--text)}.sh-header__bell .badge{position:absolute;top:6px;right:6px}.sh-section{margin-bottom:var(--space-xl);animation:.5s ease-out both slideUp}.sh-section--delay-1{animation-delay:80ms}.sh-section--delay-2{animation-delay:.14s}.sh-section--delay-3{animation-delay:.2s}.sh-section--delay-4{animation-delay:.26s}.sh-section--delay-5{animation-delay:.32s}.sh-section--delay-6{animation-delay:.38s}.sh-section--delay-7{animation-delay:.44s}.sh-section--delay-8{animation-delay:.5s}.sh-section__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.sh-section__title{font-size:var(--font-md);color:var(--text);font-weight:700}.sh-section__link{font-size:var(--font-sm);color:var(--primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:600}.sh-section__link:hover{opacity:.75}.sh-session-card{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-lg);color:#fff;position:relative;overflow:hidden}.sh-session-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);border-radius:50%;width:65%;height:120%;position:absolute;top:-40%;right:-30%}.sh-session-card:after{content:"";background:radial-gradient(circle,#00cec926 0%,#0000 60%);border-radius:50%;width:60%;height:100%;position:absolute;bottom:-50%;left:-20%}.sh-session-card>*{z-index:1;position:relative}.sh-session__label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:var(--space-md);font-weight:600}.sh-session__mentor{align-items:center;gap:var(--space-md);margin-bottom:var(--space-base);display:flex}.sh-session__avatar{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;font-weight:700;font-size:var(--font-base);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sh-session__mentor-info h3{font-size:var(--font-md);font-weight:700}.sh-session__mentor-info p{font-size:var(--font-sm);opacity:.85;margin-top:2px}.sh-session__bottom{margin-top:var(--space-base);justify-content:space-between;align-items:center;display:flex}.sh-session__time{align-items:center;gap:var(--space-xs);font-size:var(--font-sm);opacity:.9;font-weight:500;display:flex}.sh-session__join-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#fff;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff3;border:1px solid #ffffff4d;font-weight:600;display:inline-flex}.sh-session__join-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.sh-section--wellbeing{margin-bottom:var(--space-xl)}.sh-section--delay-1-alt{animation-delay:.11s}.sh-wellbeing-card{border-radius:var(--radius-xl);padding:var(--space-lg);color:#fff;box-shadow:var(--shadow-accent);background:linear-gradient(135deg,#00b5b0,#55efc4);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.sh-wellbeing-card:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 60%);border-radius:50%;width:60%;height:120%;position:absolute;top:-30%;right:-20%}.sh-wellbeing-card>*{z-index:1;position:relative}.sh-wellbeing__content{max-width:75%}.sh-wellbeing__badge{text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-full);margin-bottom:var(--space-sm);background:#fff3;border:1px solid #ffffff1a;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.sh-wellbeing__content h3{font-size:var(--font-md);margin-bottom:var(--space-xs);font-weight:700}.sh-wellbeing__content p{font-size:var(--font-sm);opacity:.9;margin-bottom:var(--space-md);line-height:1.4}.sh-wellbeing__btn{align-items:center;gap:var(--space-xs);color:#00b5b0;border-radius:var(--radius-full);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:none;padding:8px 16px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00b5b033}.sh-wellbeing__btn:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px #00b5b04d}.sh-wellbeing__btn:active{transform:translateY(0)scale(.98)}.sh-wellbeing__icon-bg{color:#ffffff26;pointer-events:none;transition:transform .5s;position:absolute;bottom:-15px;right:-10px;transform:rotate(-15deg)}.sh-wellbeing-card:hover .sh-wellbeing__icon-bg{transform:rotate(-5deg)scale(1.08)}.sh-goals-scroll{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs);margin:0 calc(-1 * var(--space-base));padding-left:var(--space-base);padding-right:var(--space-base);display:flex;overflow-x:auto}.sh-goals-scroll::-webkit-scrollbar{display:none}.sh-goal-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:160px;max-width:180px;padding:var(--space-base);transition:all var(--transition-base);cursor:pointer;flex-shrink:0}.sh-goal-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sh-goal-card__title{font-size:var(--font-sm);color:var(--text);margin-bottom:var(--space-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.sh-goal-card__status{font-size:var(--font-xs);margin-bottom:var(--space-sm);font-weight:600}.sh-goal-card__status--progress{color:var(--primary)}.sh-goal-card__status--not-started{color:var(--text-tertiary)}.sh-goal-card__status--done{color:var(--success)}.sh-goal-card__bar{background:var(--surface-alt);border-radius:var(--radius-full);width:100%;height:5px;overflow:hidden}.sh-goal-card__bar-fill{border-radius:var(--radius-full);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.sh-goal-card__bar-fill--primary{background:var(--gradient-primary)}.sh-goal-card__bar-fill--accent{background:var(--gradient-accent)}.sh-goal-card__bar-fill--success{background:var(--success)}.sh-goal-card__bar-fill--warm{background:var(--gradient-warm)}.sh-quick-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.sh-quick-btn{align-items:center;gap:var(--space-sm);padding:var(--space-base) var(--space-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;flex-direction:column;display:flex}.sh-quick-btn:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-3px)}.sh-quick-btn:active{transform:translateY(0)scale(.97)}.sh-quick-btn__icon{border-radius:var(--radius-sm);color:#fff;width:44px;height:44px;transition:transform var(--transition-spring);justify-content:center;align-items:center;display:flex}.sh-quick-btn:hover .sh-quick-btn__icon{transform:scale(1.1)}.sh-quick-btn__icon--primary{background:var(--gradient-primary)}.sh-quick-btn__icon--accent{background:var(--gradient-accent)}.sh-quick-btn__icon--cool{background:var(--gradient-cool)}.sh-quick-btn__icon--success{background:linear-gradient(135deg,#00b894,#55efc4)}.sh-quick-btn__icon--warm{background:var(--gradient-warm)}.sh-quick-btn__icon--info{background:linear-gradient(135deg,#74b9ff,#0984e3)}.sh-quick-btn__label{font-size:var(--font-xs);color:var(--text);font-weight:600;line-height:1.3}.sh-progress-list{gap:var(--space-md);flex-direction:column;display:flex}.sh-progress-item{align-items:center;gap:var(--space-md);display:flex}.sh-progress-item__label{font-size:var(--font-sm);color:var(--text);min-width:100px;font-weight:600}.sh-progress-item__bar{background:var(--surface-alt);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.sh-progress-item__bar-fill{border-radius:var(--radius-full);height:100%;animation:1s ease-out both progressGrow}.sh-progress-item__bar-fill--primary{background:var(--gradient-primary)}.sh-progress-item__bar-fill--accent{background:var(--gradient-accent)}.sh-progress-item__bar-fill--warm{background:var(--gradient-warm)}.sh-progress-item__bar-fill--cool{background:var(--gradient-cool)}.sh-progress-item__value{font-size:var(--font-sm);color:var(--text-secondary);text-align:right;min-width:36px;font-weight:700}.sh-resources-list{background:var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.sh-resource-item{align-items:center;gap:var(--space-md);padding:var(--space-base);background:var(--surface);cursor:pointer;transition:background var(--transition-fast);display:flex}.sh-resource-item:hover{background:var(--surface-alt)}.sh-resource-item__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sh-resource-item__icon--pdf{background:var(--error-bg);color:var(--error)}.sh-resource-item__icon--video{background:var(--primary-bg);color:var(--primary)}.sh-resource-item__icon--notes{background:var(--success-bg);color:var(--success)}.sh-resource-item__content{flex:1;min-width:0}.sh-resource-item__title{font-size:var(--font-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sh-resource-item__meta{align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px;display:flex}.sh-resource-item__meta-dot{border-radius:var(--radius-full);background:var(--text-tertiary);width:3px;height:3px}.sh-drives-scroll{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-xs);margin:0 calc(-1 * var(--space-base));padding-left:var(--space-base);padding-right:var(--space-base);display:flex;overflow-x:auto}.sh-drives-scroll::-webkit-scrollbar{display:none}.sh-drive-card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;padding:var(--space-base);transition:all var(--transition-base);cursor:pointer;flex-shrink:0}.sh-drive-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sh-drive-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.sh-drive-card__company{font-size:var(--font-md);color:var(--text);font-weight:700}.sh-drive-card__logo{border-radius:var(--radius-xs);background:var(--surface-alt);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.sh-drive-card__date{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs)}.sh-drive-card__package{font-size:var(--font-lg);color:var(--text);margin-bottom:var(--space-md);font-weight:800}.sh-announce-list{gap:var(--space-sm);flex-direction:column;display:flex}.sh-announce-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;display:flex}.sh-announce-item:hover{background:var(--surface-alt)}.sh-announce-item__dot{border-radius:var(--radius-full);background:var(--gradient-primary);width:8px;min-width:8px;height:8px;margin-top:6px}.sh-announce-item__content{flex:1}.sh-announce-item__text{font-size:var(--font-base);color:var(--text);font-weight:500;line-height:1.45}.sh-announce-item__time{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:4px}.roadmap-screen{background:var(--bg);min-height:100vh;padding:0 0 100px;animation:.4s fadeIn}.roadmap-header{z-index:10;background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex;position:sticky;top:0}.roadmap-title{color:var(--text);font-size:1.5rem;font-weight:700}.roadmap-filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.roadmap-filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.roadmap-filter-btn:active{transform:scale(.93)}.roadmap-overall{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:20px;margin:0 16px 8px;padding:12px 20px 20px;animation:.5s both slideUp;display:flex}.roadmap-progress-ring-wrapper{flex-shrink:0;width:110px;height:110px;position:relative}.roadmap-progress-ring{width:110px;height:110px;transform:rotate(-90deg)}.roadmap-progress-ring__bg{stroke:var(--border)}.roadmap-progress-ring__fill{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.roadmap-progress-ring__text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.roadmap-progress-ring__value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:800;line-height:1.1}.roadmap-progress-ring__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:500}.roadmap-semester-info{flex:1}.roadmap-semester-badge{background:var(--gradient-primary);color:#fff;letter-spacing:.02em;border-radius:20px;padding:4px 14px;font-size:.78rem;font-weight:600;display:inline-block}.roadmap-semester-desc{color:var(--text-secondary);margin-top:8px;font-size:.82rem;line-height:1.45}.roadmap-timeline{padding:8px 20px 0}.roadmap-section-title{color:var(--text);margin-bottom:16px;font-size:1.05rem;font-weight:700}.roadmap-timeline-list{flex-direction:column;gap:0;display:flex}.roadmap-module-card{cursor:pointer;border-radius:var(--radius-md);gap:14px;padding:14px 14px 14px 0;transition:all .22s;animation:.45s both slideUp;display:flex}.roadmap-module-even .roadmap-module-content{background:var(--surface)}.roadmap-module-odd .roadmap-module-content{background:var(--surface-alt)}.roadmap-module-card:hover:not(.roadmap-module-locked) .roadmap-module-content{box-shadow:var(--shadow-md);transform:translate(4px)}.roadmap-module-card:active:not(.roadmap-module-locked) .roadmap-module-content{transform:scale(.98)}.roadmap-module-locked{cursor:default;opacity:.55}.roadmap-timeline-connector{flex-direction:column;flex-shrink:0;align-items:center;width:42px;display:flex}.roadmap-timeline-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .25s;display:flex;box-shadow:0 4px 12px #0000001a}.roadmap-module-card:hover:not(.roadmap-module-locked) .roadmap-timeline-icon-circle{transform:scale(1.1)}.roadmap-timeline-line{background:linear-gradient(180deg, var(--primary), var(--accent));opacity:.4;border-radius:2px;flex:1;width:3px;min-height:20px}.roadmap-module-content{border-radius:var(--radius-md);border:1px solid var(--border);flex:1;padding:14px 16px;transition:all .22s}.roadmap-module-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.roadmap-module-name{color:var(--text);margin-bottom:2px;font-size:.95rem;font-weight:700}.roadmap-module-desc{color:var(--text-secondary);font-size:.76rem;line-height:1.35}.roadmap-module-arrow{color:var(--text-tertiary);flex-shrink:0;margin-top:2px;transition:transform .2s}.roadmap-module-card:hover:not(.roadmap-module-locked) .roadmap-module-arrow{color:var(--primary);transform:translate(3px)}.roadmap-module-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.roadmap-module-progress-wrap{flex:1;align-items:center;gap:8px;display:flex}.roadmap-module-progress-bar{background:var(--border);border-radius:6px;flex:1;height:6px;overflow:hidden}.roadmap-module-progress-fill{border-radius:6px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.roadmap-module-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}.roadmap-module-progress-pct{color:var(--text-secondary);text-align:right;min-width:30px;font-size:.72rem;font-weight:700}.roadmap-status-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:600}.chip-completed{color:var(--success);background:#00b8941f}.chip-inprogress{color:var(--primary);background:#6c5ce71f}.chip-upcoming{color:#e17d00;background:#fdcb6e2e}.chip-locked{background:var(--surface-alt);color:var(--text-tertiary)}.rm-screen{background:var(--bg);min-height:100vh;padding-bottom:100px;animation:.35s fadeIn}.rm-header{z-index:10;background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.rm-back-btn,.rm-share-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.rm-back-btn:hover,.rm-share-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.rm-back-btn:active,.rm-share-btn:active{transform:scale(.92)}.rm-header-title{color:var(--text);font-size:1.2rem;font-weight:700}.rm-overview-card{border-radius:var(--radius-lg);background:var(--gradient-primary);color:#fff;margin:4px 16px 16px;padding:20px;animation:.5s both slideUp;box-shadow:0 8px 28px #6c5ce74d}.rm-overview-top{margin-bottom:16px}.rm-overview-name{margin-bottom:4px;font-size:1.15rem;font-weight:700}.rm-overview-count{opacity:.85;font-size:.82rem}.rm-overview-progress-wrap{align-items:center;gap:10px;display:flex}.rm-overview-progress-bar{background:#ffffff40;border-radius:8px;flex:1;height:8px;overflow:hidden}.rm-overview-progress-fill{background:#fff;border-radius:8px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.rm-overview-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:2.2s infinite shimmer;position:absolute;inset:0}.rm-overview-pct{font-size:.9rem;font-weight:700}.rm-tabs{scrollbar-width:none;gap:4px;margin-bottom:16px;padding:0 16px;display:flex;overflow-x:auto}.rm-tabs::-webkit-scrollbar{display:none}.rm-tab{background:var(--surface);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--border);flex:1;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.rm-tab:hover{color:var(--primary)}.rm-tab-active{background:var(--primary);color:#fff;border-color:var(--primary)}.rm-tab-content{padding:0 16px}.rm-tasks-list{flex-direction:column;gap:10px;display:flex}.rm-week-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:box-shadow .2s;animation:.4s both slideUp;overflow:hidden}.rm-week-card:hover:not(.rm-week-locked){box-shadow:var(--shadow-sm)}.rm-week-locked{opacity:.5}.rm-week-header{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.rm-week-header:disabled{cursor:default}.rm-week-header-left{align-items:center;gap:12px;display:flex}.rm-week-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600;display:block}.rm-week-title{color:var(--text);font-size:.92rem;font-weight:600;display:block}.week-icon-completed{color:var(--success)}.week-icon-inprogress{color:var(--primary)}.week-icon-upcoming,.week-icon-locked{color:var(--text-tertiary)}.rm-week-chevron{color:var(--text-tertiary);transition:transform .3s}.rm-week-chevron-open{transform:rotate(180deg)}.rm-week-tasks{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin:0 12px 12px;padding:12px 16px 14px;animation:.3s fadeIn;display:flex}.rm-task-item{border-radius:var(--radius-sm);background:var(--surface-alt);align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.rm-task-item:hover{background:var(--border)}.rm-task-done-icon{color:var(--success);flex-shrink:0}.rm-task-pending-icon{color:var(--text-tertiary);flex-shrink:0}.rm-task-name{color:var(--text);flex:1;font-size:.84rem}.rm-task-name-done{color:var(--text-tertiary);text-decoration:line-through}.rm-task-progress-badge{color:var(--primary);background:#6c5ce71a;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.rm-resources-list{flex-direction:column;gap:10px;display:flex}.rm-resource-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;animation:.4s both slideUp;display:flex}.rm-resource-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.rm-resource-card:active{transform:scale(.98)}.rm-resource-icon{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rm-resource-icon-video{background:linear-gradient(135deg,#ff7675,#fd9a98)}.rm-resource-icon-pdf{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.rm-resource-icon-link{background:linear-gradient(135deg,#00cec9,#55efc4)}.rm-resource-info{flex:1;min-width:0}.rm-resource-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.88rem;font-weight:600;overflow:hidden}.rm-resource-meta{color:var(--text-secondary);font-size:.74rem}.rm-practice-list{flex-direction:column;gap:8px;display:flex}.rm-practice-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;animation:.4s both slideUp;display:flex}.rm-practice-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.rm-practice-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.rm-practice-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:600;overflow:hidden}.rm-difficulty-chip{letter-spacing:.02em;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:.65rem;font-weight:700}.diff-easy{color:var(--success);background:#00b8941f}.diff-medium{color:#e17d00;background:#fdcb6e33}.diff-hard{color:var(--error);background:#ff76751f}.sp-screen{background:var(--bg);min-height:100vh;padding-bottom:100px;animation:.35s fadeIn}.sp-header{z-index:10;background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px 12px;position:sticky;top:0}.sp-header-left{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sp-back-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.sp-back-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-back-btn:active{transform:scale(.92)}.sp-title{color:var(--text);font-size:1.4rem;font-weight:700}.sp-time-filters{gap:6px;display:flex}.sp-time-filter{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;text-align:center;border-radius:20px;flex:1;padding:7px 10px;font-size:.74rem;font-weight:600;transition:all .2s}.sp-time-filter:hover{border-color:var(--primary);color:var(--primary)}.sp-time-filter-active{background:var(--gradient-primary);color:#fff;border-color:#0000}.sp-stats-grid{grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px 0;display:grid}.sp-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:16px;transition:all .2s;animation:.45s both slideUp;display:flex}.sp-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sp-stat-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sp-stat-icon{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sp-stat-icon-primary{background:var(--gradient-primary)}.sp-stat-icon-accent{background:var(--gradient-accent)}.sp-stat-icon-fire{background:linear-gradient(135deg,#ff7675,#fdcb6e)}.sp-stat-icon-success{background:linear-gradient(135deg,#00b894,#55efc4)}.sp-stat-value{color:var(--text);font-size:1.3rem;font-weight:800;line-height:1.2}.sp-fire-emoji{font-size:1.1rem}.sp-stat-label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.sp-stat-bar{background:var(--border);border-radius:5px;height:5px;margin-top:6px;overflow:hidden}.sp-stat-bar-fill{border-radius:5px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.sp-stat-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2.5s infinite shimmer;position:absolute;inset:0}.sp-bar-accent{background:var(--gradient-accent)}.sp-bar-success{background:linear-gradient(90deg,#00b894,#55efc4)}.sp-stat-mini-ring{width:44px;height:44px;position:relative}.sp-mini-ring-svg{width:44px;height:44px;transform:rotate(-90deg)}.sp-mini-ring-bg{stroke:var(--border)}.sp-mini-ring-fill{stroke:var(--primary);transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.sp-mini-ring-text{color:var(--primary);justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex;position:absolute;inset:0}.sp-section{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin:20px 16px 0;padding:18px;animation:.5s both slideUp}.sp-section-title{color:var(--text);margin-bottom:16px;font-size:.95rem;font-weight:700}.sp-weekly-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:140px;padding-top:8px;display:flex}.sp-chart-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.sp-chart-bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.sp-chart-bar{background:var(--gradient-primary);border-radius:8px 8px 4px 4px;justify-content:center;align-items:flex-start;width:100%;max-width:32px;min-height:8px;animation:.8s cubic-bezier(.4,0,.2,1) both barGrow;display:flex;position:relative}@keyframes barGrow{0%{height:0!important}}.sp-chart-bar-value{color:#fff;opacity:.9;padding-top:4px;font-size:.58rem;font-weight:700}.sp-chart-day{color:var(--text-secondary);margin-top:8px;font-size:.7rem;font-weight:600}.sp-timeline-items{flex-direction:column;gap:14px;display:flex}.sp-timeline-item{flex-direction:column;gap:8px;display:flex}.sp-timeline-item-top{justify-content:space-between;align-items:center;display:flex}.sp-timeline-item-left{color:var(--text);align-items:center;gap:8px;font-size:.84rem;font-weight:600;display:flex}.sp-tl-icon-primary{color:var(--primary)}.sp-tl-icon-accent{color:var(--accent)}.sp-tl-icon-warning{color:#e17d00}.sp-tl-icon-success{color:var(--success)}.sp-timeline-item-value{color:var(--text-secondary);font-size:.82rem;font-weight:700}.sp-value-highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem}.sp-tl-bar{background:var(--border);border-radius:6px;height:6px;overflow:hidden}.sp-tl-bar-fill{border-radius:6px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative}.sp-tl-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2.5s infinite shimmer;position:absolute;inset:0}.sp-tl-fill-primary{background:var(--gradient-primary)}.sp-tl-fill-accent{background:var(--gradient-accent)}.sp-tl-chip{border-radius:20px;padding:3px 10px;font-size:.68rem;font-weight:600}.sp-chip-warning{color:#e17d00;background:#fdcb6e33}.sp-skills-cloud{flex-wrap:wrap;gap:8px;display:flex}.sp-skill-tag{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);cursor:default;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s;animation:.4s both slideUp}.sp-skill-tag:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.sp-skill-tag:nth-child(odd):hover{background:var(--accent);border-color:var(--accent);color:#fff}.sp-activity-list{flex-direction:column;gap:10px;display:flex}.sp-activity-item{background:var(--surface-alt);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 14px;transition:all .2s;animation:.4s both slideUp;display:flex}.sp-activity-item:hover{background:var(--border);transform:translate(4px)}.sp-activity-icon{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sp-activity-info{flex-direction:column;flex:1;gap:2px;display:flex}.sp-activity-text{color:var(--text);font-size:.84rem;font-weight:600}.sp-activity-time{color:var(--text-tertiary);align-items:center;gap:4px;font-size:.7rem;display:flex}.ai-assistant{background:var(--bg);flex-direction:column;height:100vh;animation:.4s ease-out fadeIn;display:flex}.ai-header{padding:var(--space-md) var(--space-base);background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ai-header-left{align-items:center;gap:var(--space-sm);display:flex}.ai-header-back{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ai-header-back:hover{background:var(--surface-alt)}.ai-header-back:active{transform:scale(.92)}.ai-header-title{align-items:center;gap:var(--space-xs);display:flex}.ai-header-title h1{font-size:var(--font-lg);color:var(--text);font-weight:700}.ai-header-title .sparkle-icon{color:var(--primary);animation:3s ease-in-out infinite float}.ai-header-right{align-items:center;gap:var(--space-xs);display:flex}.ai-header-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ai-header-btn:hover{background:var(--surface-alt);color:var(--text)}.ai-header-btn:active{transform:scale(.92)}.ai-quick-prompts{gap:var(--space-sm);padding:var(--space-md) var(--space-base);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--surface);border-bottom:1px solid var(--border-light);display:flex;overflow-x:auto}.ai-quick-prompts::-webkit-scrollbar{display:none}.ai-prompt-chip{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);background:var(--primary-bg);color:var(--primary);font-size:var(--font-sm);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;flex-shrink:0;padding:8px 14px;font-weight:500;display:inline-flex}.ai-prompt-chip:hover{background:var(--primary-bg-hover);border-color:var(--primary-light);transform:translateY(-1px)}.ai-prompt-chip:active{transform:scale(.96)}.ai-chat-area{padding:var(--space-base);gap:var(--space-base);scroll-behavior:smooth;flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-message{gap:var(--space-sm);max-width:88%;animation:.35s ease-out both slideUp;display:flex}.ai-message.user{flex-direction:row-reverse;align-self:flex-end}.ai-message.bot{align-self:flex-start}.ai-message-avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:4px;display:flex}.ai-message.bot .ai-message-avatar{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.ai-message-bubble{padding:var(--space-md) var(--space-base);border-radius:var(--radius-md);font-size:var(--font-base);line-height:1.6;position:relative}.ai-message.bot .ai-message-bubble{background:var(--primary-bg);color:var(--text);border-bottom-left-radius:var(--radius-xs)}.ai-message.user .ai-message-bubble{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:var(--radius-xs);box-shadow:var(--shadow-primary)}.ai-message-bubble strong{font-weight:700}.ai-message-bubble em{opacity:.85}.ai-message-bubble p{margin-bottom:var(--space-sm)}.ai-message-bubble p:last-child{margin-bottom:0}.ai-message-time{color:var(--text-tertiary);margin-top:var(--space-xs);text-align:right;font-size:10px}.ai-message.user .ai-message-time{text-align:left}.ai-message:first-child{animation-delay:50ms}.ai-message:nth-child(2){animation-delay:.12s}.ai-message:nth-child(3){animation-delay:.19s}.ai-message:nth-child(4){animation-delay:.26s}.ai-message:nth-child(5){animation-delay:.33s}.ai-input-area{padding:var(--space-md) var(--space-base);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:var(--z-sticky);position:sticky;bottom:0}.ai-input-wrapper{align-items:flex-end;gap:var(--space-sm);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.ai-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.ai-input-field{color:var(--text);font-size:var(--font-base);padding:var(--space-sm) 0;resize:none;background:0 0;border:none;flex:1;min-height:40px;line-height:1.5}.ai-input-field::placeholder{color:var(--text-tertiary)}.ai-input-actions{align-items:center;gap:var(--space-xs);display:flex}.ai-mic-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ai-mic-btn:hover{background:var(--surface-alt);color:var(--primary)}.ai-mic-btn:active{transform:scale(.9)}.ai-send-btn{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ai-send-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px #6c5ce759}.ai-send-btn:active{transform:scale(.92)}.ai-typing-indicator{padding:var(--space-md) var(--space-base);align-items:center;gap:5px;display:flex}.ai-typing-dot{border-radius:var(--radius-full);background:var(--primary-light);width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}.ai-history-list{gap:var(--space-sm);flex-direction:column;display:flex}.ai-history-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:pointer;display:flex}.ai-history-item:hover{background:var(--surface-alt)}.ai-history-item:active{background:var(--primary-bg)}.ai-history-icon{border-radius:var(--radius-sm);background:var(--primary-bg);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-history-info{flex:1;min-width:0}.ai-history-info h4{font-size:var(--font-base);color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:600;overflow:hidden}.ai-history-info span{font-size:var(--font-sm);color:var(--text-tertiary)}.ai-history-title{font-size:var(--font-md);color:var(--text);margin-bottom:var(--space-base);font-weight:700}.ai-header-title .heart-icon{color:#00b5b0;animation:3.5s ease-in-out infinite float}.ai-assistant.wellbeing .ai-message.bot .ai-message-avatar{color:#fff;background:linear-gradient(135deg,#00b5b0,#55efc4);box-shadow:0 4px 12px #00b5b040}.ai-assistant.wellbeing .ai-message.bot .ai-message-bubble{color:var(--text);border-bottom-left-radius:var(--radius-xs);background:#00b5b014}.ai-assistant.wellbeing .ai-prompt-chip{color:#00b5b0;background:#00b5b014}.ai-assistant.wellbeing .ai-prompt-chip:hover{background:#00b5b024;border-color:#55efc4}.ai-assistant.wellbeing .ai-send-btn{background:linear-gradient(135deg,#00b5b0,#55efc4);box-shadow:0 4px 12px #00b5b040}.ai-assistant.wellbeing .ai-send-btn:hover{box-shadow:0 6px 24px #00b5b059}.ai-assistant.wellbeing .ai-input-wrapper:focus-within{border-color:#00b5b0;box-shadow:0 0 0 3px #00b5b01a}.ai-assistant.wellbeing .ai-typing-dot{background:#55efc4}.ai-mode-tabs-container{padding:var(--space-sm) var(--space-base);background:var(--surface);border-bottom:1px solid var(--border-light)}.ai-mode-tabs{background:var(--surface-alt);border-radius:var(--radius-sm);padding:3px;display:flex;position:relative}.ai-mode-tab{justify-content:center;align-items:center;gap:var(--space-xs);padding:8px var(--space-sm);border-radius:calc(var(--radius-sm) - 2px);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600;display:flex}.ai-mode-tab:hover{color:var(--text)}.ai-mode-tab.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.ai-assistant.wellbeing .ai-mode-tab.active{color:#00b5b0}.ai-wellbeing-disclaimer{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-base);color:#008f8a;background:#00b5b00d;border-bottom:1px solid #00b5b014;font-size:11px;line-height:1.4;display:flex}.disclaimer-info-icon{color:#00b5b0;flex-shrink:0}.ai-mood-picker{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed #00b5b033}.ai-mood-picker-title{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ai-mood-options{gap:var(--space-xs);flex-wrap:wrap;display:flex}.ai-mood-btn{align-items:center;gap:var(--space-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;display:flex}.ai-mood-btn:hover{background:#00b5b00d;border-color:#00b5b0;transform:translateY(-1px)}.ai-mood-btn:active{transform:scale(.95)}.ai-mood-emoji{font-size:15px}.ai-mood-label{font-size:var(--font-sm);color:var(--text);font-weight:500}.ai-empty-chat{text-align:center;padding:var(--space-xl);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;flex:1;display:flex}.empty-chat-icon{opacity:.25;animation:4s ease-in-out infinite float}.ai-empty-chat p{font-size:var(--font-sm);max-width:240px;line-height:1.5}.ai-message-bubble-wrapper{flex-direction:column;display:flex}.typing-bubble{justify-content:center;align-items:center;display:flex;padding:var(--space-sm) var(--space-md)!important}.ai-history-header-row{margin-bottom:var(--space-base);justify-content:space-between;align-items:center;display:flex}.ai-history-close-btn{border-radius:var(--radius-sm);background:var(--surface-alt);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.ai-history-close-btn:hover{background:var(--surface-hover);color:var(--text)}.community{background:var(--bg);min-height:100vh;padding-bottom:calc(var(--nav-height) + var(--space-2xl));animation:.4s ease-out fadeIn}.community-header{padding:var(--space-base);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.community-header h1{font-size:var(--font-xl);color:var(--text);font-weight:800}.community-header-actions{align-items:center;gap:var(--space-sm);display:flex}.community-header-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.community-header-btn:hover{background:var(--surface-alt);color:var(--text)}.community-header-btn:active{transform:scale(.92)}.community-filters{gap:var(--space-sm);padding:var(--space-md) var(--space-base);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.community-filters::-webkit-scrollbar{display:none}.community-filter-chip{border-radius:var(--radius-full);font-size:var(--font-sm);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);flex-shrink:0;align-items:center;padding:8px 16px;font-weight:500;display:inline-flex}.community-filter-chip:hover{border-color:var(--primary-light);color:var(--primary)}.community-filter-chip:active{transform:scale(.96)}.community-filter-chip.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);border-color:#0000}.community-feed{padding:0 var(--space-base);gap:var(--space-md);flex-direction:column;display:flex}.community-post{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-base);border:1px solid var(--border);transition:transform var(--transition-base), box-shadow var(--transition-base);animation:.4s ease-out both slideUp;position:relative}.community-post:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.community-post:first-child{animation-delay:50ms}.community-post:nth-child(2){animation-delay:.1s}.community-post:nth-child(3){animation-delay:.15s}.community-post:nth-child(4){animation-delay:.2s}.community-post:nth-child(5){animation-delay:.25s}.community-post-pinned{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);background:var(--warning-bg);color:#e17055;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.community-post-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.community-post-avatar{border-radius:var(--radius-full);width:38px;height:38px;font-weight:700;font-size:var(--font-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.community-post-avatar.purple{background:var(--gradient-primary)}.community-post-avatar.green{background:var(--gradient-accent)}.community-post-avatar.accent{background:linear-gradient(135deg,#00cec9,#6c5ce7)}.community-post-avatar.warm{background:var(--gradient-warm)}.community-post-avatar.grey{background:linear-gradient(135deg,#636e72,#b2bec3)}.community-post-author{flex:1;min-width:0}.community-post-author-row{align-items:center;gap:var(--space-sm);display:flex}.community-post-author h4{font-size:var(--font-base);color:var(--text);font-weight:600}.community-post-type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.community-post-type-badge.question{background:var(--primary-bg);color:var(--primary)}.community-post-type-badge.interview{background:var(--info-bg);color:var(--info)}.community-post-type-badge.success{background:var(--success-bg);color:var(--success)}.community-post-type-badge.discussion{background:var(--warning-bg);color:#e17055}.community-post-type-badge.anonymous{background:var(--surface-alt);color:var(--text-secondary)}.community-post-author span{font-size:var(--font-sm);color:var(--text-tertiary)}.community-post-more{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.community-post-more:hover{background:var(--surface-alt);color:var(--text-secondary)}.community-post-title{font-size:var(--font-md);color:var(--text);margin-bottom:var(--space-xs);font-weight:700;line-height:1.4}.community-post-body{font-size:var(--font-base);color:var(--text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-md);-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.community-post-tags{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.community-post-tag{border-radius:var(--radius-full);background:var(--surface-alt);color:var(--text-secondary);transition:all var(--transition-fast);padding:3px 10px;font-size:11px;font-weight:500}.community-post-tag:hover{background:var(--primary-bg);color:var(--primary)}.community-post-actions{align-items:center;gap:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--border-light);display:flex}.community-post-action{align-items:center;gap:var(--space-xs);color:var(--text-tertiary);font-size:var(--font-sm);transition:all var(--transition-fast);cursor:pointer;padding:var(--space-xs) 0;font-weight:500;display:flex}.community-post-action:hover{color:var(--text-secondary)}.community-post-action.liked{color:var(--error)}.community-post-action.liked svg{fill:var(--error)}.community-post-action.bookmarked{color:var(--primary)}.community-post-action.bookmarked svg{fill:var(--primary)}.community-post-action svg{transition:transform var(--transition-fast)}.community-post-action:active svg{transform:scale(1.25)}.community-fab{bottom:calc(var(--nav-height) + var(--space-lg));transform:translateX(calc(var(--max-width) / 2 - var(--space-xl)));border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-primary);transition:all var(--transition-base);z-index:var(--z-sticky);justify-content:center;align-items:center;animation:.4s ease-out .3s both scaleIn;display:flex;position:fixed;right:50%}.community-fab:hover{transform:translateX(calc(var(--max-width) / 2 - var(--space-xl))) scale(1.08);box-shadow:0 8px 32px #6c5ce766}.community-fab:active{transform:translateX(calc(var(--max-width) / 2 - var(--space-xl))) scale(.92)}@media (width<=480px){.community-fab{right:var(--space-lg);transform:none}.community-fab:hover{transform:scale(1.08)}.community-fab:active{transform:scale(.92)}}.mi-page{animation:.4s ease-out fadeIn}.mi-hero{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-2xl) var(--space-lg)}.mi-hero-content{z-index:1;position:relative}.mi-hero-emoji{margin-bottom:var(--space-md);font-size:3.5rem;animation:3s ease-in-out infinite float;display:block}.mi-hero h2{font-size:var(--font-2xl);margin-bottom:var(--space-xs);font-weight:800}.mi-hero p{font-size:var(--font-base);opacity:.85}.mi-types-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.mi-type-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-base);align-items:flex-start;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-base);text-align:left;flex-direction:column;animation:.5s ease-out both slideUp;display:flex;position:relative;overflow:hidden}.mi-type-card:before{content:"";background:var(--card-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.mi-type-card:hover{box-shadow:var(--card-shadow);border-color:#0000;transform:translateY(-4px)}.mi-type-card:active{transform:translateY(-1px)scale(.98)}.mi-type-icon-wrap{border-radius:var(--radius-md);background:var(--card-gradient);color:#fff;width:44px;height:44px;margin-bottom:var(--space-xs);justify-content:center;align-items:center;display:flex}.mi-type-card h4{font-size:var(--font-md);color:var(--text);font-weight:700}.mi-type-card p{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.4}.mi-type-arrow{top:var(--space-base);right:var(--space-md);color:var(--text-tertiary);transition:transform var(--transition-fast);position:absolute}.mi-type-card:hover .mi-type-arrow{color:var(--primary);transform:translate(3px)}.mi-recent-list{gap:var(--space-sm);flex-direction:column;display:flex}.mi-recent-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);animation:.5s ease-out both slideInRight;display:flex}.mi-recent-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.mi-recent-info{flex:1;min-width:0}.mi-recent-info h4{font-size:var(--font-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.mi-recent-result{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.mi-recent-time{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.mi-interview-panel{gap:var(--space-xl);padding-top:var(--space-md);flex-direction:column;animation:.5s ease-out fadeIn;display:flex}.mi-timer-badge{align-items:center;gap:var(--space-xs);background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);font-size:var(--font-base);font-variant-numeric:tabular-nums;padding:6px 14px;font-weight:700;display:flex}.mi-question-card{padding:var(--space-xl);text-align:center;animation:.5s ease-out scaleIn}.mi-question-text{font-size:var(--font-lg);color:var(--text);font-weight:700;line-height:1.5}.mi-recording-section{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.mi-recording-indicator{align-items:center;gap:var(--space-sm);background:var(--error-bg);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);display:flex}.mi-rec-dot{border-radius:var(--radius-full);background:var(--error);width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}.mi-rec-label{font-size:var(--font-sm);color:var(--error);font-weight:600}.mi-ai-listening{align-items:center;gap:var(--space-sm);font-size:var(--font-base);color:var(--text-secondary);font-weight:500;display:flex}.mi-waveform{height:48px;padding:var(--space-base) 0;justify-content:center;align-items:center;gap:3px;display:flex}.mi-wave-bar{border-radius:var(--radius-full);background:var(--gradient-primary);width:3px;animation:1s ease-in-out infinite alternate waveAnim}@keyframes waveAnim{0%{height:6px}to{height:32px}}.mi-end-btn{margin-top:var(--space-lg);background:linear-gradient(135deg, var(--error), #e74c3c)!important;box-shadow:0 4px 20px #ff767559!important}.mi-end-btn:hover{box-shadow:0 6px 28px #ff767580!important}.mi-feedback-panel{gap:var(--space-lg);flex-direction:column;animation:.5s ease-out fadeIn;display:flex}.mi-feedback-hero{padding:var(--space-xl)}.mi-feedback-hero-content{align-items:center;gap:var(--space-lg);z-index:1;display:flex;position:relative}.mi-feedback-hero h2{font-size:var(--font-xl);font-weight:800}.mi-feedback-hero p{font-size:var(--font-sm);opacity:.85;margin-top:2px}.mi-score-cards{gap:var(--space-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;display:flex}.mi-score-item{gap:var(--space-sm);flex-direction:column;display:flex}.mi-score-item-header{justify-content:space-between;align-items:center;display:flex}.mi-score-label{font-size:var(--font-base);color:var(--text);font-weight:600}.mi-score-value{font-size:var(--font-base);font-weight:700}.mi-suggestion{padding:var(--space-lg)}.mi-suggestion h3{font-size:var(--font-md);margin-bottom:var(--space-sm);font-weight:700}.mi-suggestion p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6}.mi-feedback-actions{gap:var(--space-md);flex-direction:column;display:flex}.mi-fb-btn{width:100%}.rb-page{animation:.4s ease-out fadeIn}.rb-status{margin-bottom:var(--space-xl)}.rb-status-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.rb-status-info h2{font-size:var(--font-xl);margin-bottom:var(--space-sm);font-weight:800}.rb-status-meta{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.rb-updated{font-size:var(--font-sm);opacity:.8}.rb-preview-btn{padding:var(--space-sm) var(--space-base);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-sm);align-items:center;gap:var(--space-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);flex-shrink:0;display:flex;color:#fff!important;background:#fff3!important}.rb-preview-btn:hover{background:#ffffff4d!important}.rb-actions-list{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.rb-action-card{align-items:center;gap:var(--space-md);padding:var(--space-base);cursor:pointer;text-align:left;width:100%;animation:.5s ease-out both slideUp;display:flex}.rb-action-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rb-action-info{flex:1;min-width:0}.rb-action-info h4{font-size:var(--font-base);color:var(--text);margin-bottom:2px;font-weight:700}.rb-action-info p{font-size:var(--font-sm);color:var(--text-secondary)}.rb-action-arrow{color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.rb-action-card:hover .rb-action-arrow{color:var(--primary);transform:translate(3px)}.rb-templates-scroll{padding-bottom:var(--space-sm)}.rb-template-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);width:140px;padding:var(--space-md);align-items:center;gap:var(--space-md);cursor:pointer;transition:all var(--transition-base);flex-direction:column;display:flex}.rb-template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.rb-template-active{border-color:var(--tpl-accent);box-shadow:0 0 0 3px var(--tpl-bg)}.rb-template-preview{aspect-ratio:3/4;background:var(--surface-alt);border-radius:var(--radius-sm);width:100%;padding:var(--space-sm);flex-direction:column;gap:5px;display:flex}.rb-tpl-header-bar{background:var(--tpl-accent);opacity:.7;border-radius:3px;width:60%;height:8px}.rb-tpl-line{background:var(--border);border-radius:2px;height:4px}.rb-tpl-line-long{width:100%}.rb-tpl-line-med{width:70%}.rb-tpl-line-short{width:45%}.rb-tpl-divider{background:var(--border);width:100%;height:1px;margin:2px 0}.rb-template-name{font-size:var(--font-sm);color:var(--text);font-weight:600}.rb-quality-cards{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.rb-quality-item{padding:var(--space-base)}.rb-quality-row{justify-content:space-between;align-items:center;display:flex}.rb-quality-label{align-items:center;gap:var(--space-sm);font-size:var(--font-base);color:var(--text);font-weight:600;display:flex}.rb-download-section{margin-bottom:var(--space-3xl)}.rb-download-btns{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.rb-dl-btn{width:100%}.cp-page{animation:.4s ease-out fadeIn}.cp-search{margin-bottom:var(--space-xl)}.cp-drives-scroll{padding-bottom:var(--space-sm)}.cp-drive-card{align-items:center;gap:var(--space-sm);width:160px;padding:var(--space-lg) var(--space-base);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.cp-drive-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.cp-drive-avatar{border-radius:var(--radius-full);color:#fff;width:44px;height:44px;font-weight:800;font-size:var(--font-lg);justify-content:center;align-items:center;display:flex}.cp-drive-name{font-size:var(--font-md);color:var(--text);font-weight:700}.cp-drive-details{flex-direction:column;gap:2px;display:flex}.cp-drive-detail{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:4px;display:flex}.cp-companies-list{gap:var(--space-sm);flex-direction:column;display:flex}.cp-company-card{padding:var(--space-base);transition:all var(--transition-base);animation:.5s ease-out both slideUp}.cp-company-card.cp-company-expanded{box-shadow:var(--shadow-md);border-color:var(--primary-bg)}.cp-company-header{align-items:center;gap:var(--space-md);cursor:pointer;text-align:left;width:100%;display:flex}.cp-company-avatar{border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;font-weight:800;font-size:var(--font-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-company-info{flex:1;min-width:0}.cp-company-info h4{font-size:var(--font-base);color:var(--text);margin-bottom:4px;font-weight:700}.cp-company-tags{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.cp-company-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.cp-rounds{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;font-weight:500}.cp-expand-icon{color:var(--text-tertiary);transition:transform var(--transition-fast)}.cp-company-progress{margin-top:var(--space-md)}.cp-progress-header{margin-bottom:var(--space-xs);justify-content:space-between;display:flex}.cp-expanded-details{animation:.35s ease-out slideUp}.cp-detail-block{margin-bottom:var(--space-lg)}.cp-detail-label{font-size:var(--font-sm);color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);font-weight:700;display:flex}.cp-detail-text{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6}.cp-process-steps{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.cp-process-step{align-items:center;gap:var(--space-sm);background:var(--surface-alt);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text);font-weight:500;display:flex;position:relative}.cp-step-dot{border-radius:var(--radius-full);background:var(--gradient-primary);flex-shrink:0;width:8px;height:8px}.cp-step-connector{font-size:var(--font-sm);color:var(--text-tertiary);position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.cp-step-connector:after{content:"→";font-size:var(--font-sm);color:var(--text-tertiary)}.cp-faqs{gap:var(--space-sm);flex-direction:column;display:flex}.cp-faq-item{gap:var(--space-sm);background:var(--surface-alt);padding:var(--space-md);border-radius:var(--radius-sm);display:flex}.cp-faq-num{border-radius:var(--radius-full);background:var(--primary-bg);width:24px;height:24px;color:var(--primary);font-size:var(--font-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.cp-faq-item p{font-size:var(--font-base);color:var(--text-secondary);line-height:1.5}.cp-checklist{gap:var(--space-xs);flex-direction:column;display:flex}.cp-checklist-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-base);color:var(--text);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;display:flex}.cp-checklist-item:hover{background:var(--surface-alt)}.cp-check-box{border:2px solid var(--border);width:22px;height:22px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cp-checked .cp-check-box{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.cp-checklist-done{color:var(--text-tertiary);text-decoration:line-through}.cp-community-btn{margin-top:var(--space-sm)}.calendar-screen{animation:.4s ease-out fadeIn}.calendar-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.calendar-header__left{align-items:center;gap:var(--space-sm);display:flex}.calendar-header__icon{color:var(--primary)}.calendar-header__left h1{font-size:var(--font-xl);font-weight:800}.calendar-header__actions{align-items:center;gap:var(--space-sm);display:flex}.today-badge{font-size:var(--font-sm);color:var(--primary);font-weight:700}.calendar-month-nav{justify-content:center;align-items:center;gap:var(--space-base);margin-bottom:var(--space-base);display:flex}.calendar-month-label{font-size:var(--font-md);text-align:center;min-width:160px;font-weight:700}.calendar-toggle{background:var(--surface-alt);border-radius:var(--radius-full);margin-bottom:var(--space-lg);padding:3px;display:flex}.calendar-toggle__btn{padding:var(--space-sm) var(--space-base);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);transition:all var(--transition-base);flex:1;font-weight:600}.calendar-toggle__btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.calendar-week-strip{justify-content:space-between;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-sm) 0;display:flex}.calendar-day{padding:var(--space-sm) 0;border-radius:var(--radius-md);width:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.calendar-day:hover{background:var(--surface-alt)}.calendar-day__label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.calendar-day__number{border-radius:var(--radius-full);width:34px;height:34px;font-size:var(--font-base);transition:all var(--transition-base);justify-content:center;align-items:center;font-weight:700;display:flex}.calendar-day--today .calendar-day__number{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-primary)}.calendar-day--selected:not(.calendar-day--today) .calendar-day__number{background:var(--primary-bg);color:var(--primary)}.calendar-day--today,.calendar-day--selected{color:var(--text)}.calendar-day__dot{border-radius:var(--radius-full);background:var(--primary);width:4px;height:4px}.calendar-section-title{font-size:var(--font-md);margin-bottom:var(--space-md);color:var(--text);font-weight:700}.calendar-events__list{gap:var(--space-md);margin-bottom:var(--space-2xl);flex-direction:column;display:flex}.event-card{gap:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-base);border-left:4px solid var(--primary);transition:transform var(--transition-base), box-shadow var(--transition-base);cursor:pointer;animation:.4s ease-out both slideUp;display:flex}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-card--primary{border-left-color:var(--primary)}.event-card--accent{border-left-color:var(--accent)}.event-card--success{border-left-color:var(--success)}.event-card--warning{border-left-color:var(--warning)}.event-card__time-col{min-width:64px;color:var(--text-secondary);font-size:var(--font-sm);flex-direction:column;align-items:center;gap:2px;padding-top:2px;font-weight:600;display:flex}.event-card__body{flex:1;min-width:0}.event-card__title{font-size:var(--font-base);margin-bottom:var(--space-xs);color:var(--text);font-weight:700}.event-card__meta{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.event-card__duration{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.event-card__type{font-size:var(--font-sm);color:var(--text-tertiary);align-items:center;gap:4px;font-weight:500;display:inline-flex}.calendar-upcoming__list{gap:var(--space-sm);flex-direction:column;display:flex}.upcoming-card{align-items:center;gap:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-base);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base);animation:.4s ease-out both slideUp;display:flex}.upcoming-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.upcoming-card__day{min-width:64px;font-size:var(--font-sm);color:var(--primary);text-align:center;padding:var(--space-xs) var(--space-sm);background:var(--primary-bg);border-radius:var(--radius-xs);font-weight:700}.upcoming-card__info{flex:1;min-width:0}.upcoming-card__info h4{font-size:var(--font-base);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:600;overflow:hidden}.upcoming-card__time{font-size:var(--font-sm);color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.upcoming-card__chevron{color:var(--text-tertiary);flex-shrink:0}.notifications-screen{animation:.4s ease-out fadeIn}.notif-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.notif-header__left{align-items:center;gap:var(--space-sm);display:flex}.notif-header__left h1{font-size:var(--font-xl);font-weight:800}.notif-mark-read{align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);transition:background var(--transition-fast);font-weight:600;display:inline-flex}.notif-mark-read:hover{background:var(--primary-bg)}.notif-filters{gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);display:flex}.notif-filter-tab{padding:var(--space-sm) var(--space-base);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.notif-filter-tab:hover{border-color:var(--primary-light);color:var(--primary)}.notif-filter-tab.active{background:var(--gradient-primary);color:var(--text-on-primary);box-shadow:var(--shadow-primary);border-color:#0000}.notif-filter-count{border-radius:var(--radius-full);min-width:18px;height:18px;color:inherit;background:#ffffff40;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.notif-filter-tab:not(.active) .notif-filter-count{background:var(--error);color:#fff}.notif-list{flex-direction:column;gap:2px;display:flex}.notif-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-base);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);animation:.35s ease-out both slideUp;display:flex;position:relative}.notif-item:hover{background:var(--surface-alt)}.notif-item--unread{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md)}.notif-item--unread:hover{background:var(--surface-hover)}.notif-item__dot{top:var(--space-base);right:var(--space-base);border-radius:var(--radius-full);background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 3px var(--primary-bg);animation:2s infinite pulse;position:absolute}.notif-item__icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notif-item__icon--primary{background:var(--primary-bg);color:var(--primary)}.notif-item__icon--accent{background:var(--accent-bg);color:var(--accent)}.notif-item__icon--success{background:var(--success-bg);color:var(--success)}.notif-item__icon--warning{background:var(--warning-bg);color:var(--warning)}.notif-item__icon--info{background:var(--info-bg);color:var(--info)}.notif-item__body{flex:1;min-width:0}.notif-item__title{font-size:var(--font-base);color:var(--text);margin-bottom:2px;font-weight:700}.notif-item__desc{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-item__time{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.profile-screen{animation:.4s ease-out fadeIn;padding-top:0!important}.profile-hero{text-align:center;padding:var(--space-3xl) var(--space-base) var(--space-xl);margin:0 calc(-1 * var(--space-base));margin-bottom:var(--space-lg);position:relative;overflow:hidden}.profile-hero__bg{background:var(--gradient-primary);opacity:.1;border-radius:0 0 var(--radius-xl) var(--radius-xl);position:absolute;inset:0}.profile-hero__content{z-index:1;position:relative}.profile-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:88px;height:88px;margin:0 auto var(--space-md);font-size:var(--font-2xl);color:var(--text-on-primary);box-shadow:var(--shadow-primary);justify-content:center;align-items:center;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}.profile-name{font-size:var(--font-2xl);margin-bottom:2px;font-weight:800}.profile-college{font-size:var(--font-base);color:var(--text-secondary);margin-bottom:2px;font-weight:600}.profile-branch{font-size:var(--font-sm);color:var(--text-tertiary);margin-bottom:var(--space-base)}.profile-edit-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm)}.profile-stats{gap:var(--space-sm);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.profile-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-base) var(--space-sm);flex-direction:column;align-items:center;gap:2px;animation:.4s ease-out both slideUp;display:flex}.profile-stat-emoji{font-size:var(--font-lg);margin-bottom:2px}.profile-stat-value{font-size:var(--font-lg);color:var(--text);font-weight:800}.profile-stat-label{font-size:var(--font-xs);color:var(--text-secondary);text-align:center;font-weight:500}.profile-section{margin-bottom:var(--space-xl)}.profile-section__title{align-items:center;gap:var(--space-sm);font-size:var(--font-md);margin-bottom:var(--space-md);color:var(--text);font-weight:700;display:flex}.profile-section__title svg{color:var(--primary)}.profile-academic-card{padding:0;overflow:hidden}.profile-academic-row{padding:var(--space-md) var(--space-base);justify-content:space-between;align-items:center;display:flex}.profile-academic-row+.profile-academic-row{border-top:1px solid var(--border)}.profile-academic-label{font-size:var(--font-base);color:var(--text-secondary)}.profile-academic-value{font-size:var(--font-base);color:var(--text);font-weight:700}.profile-skills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.profile-projects{gap:var(--space-md);flex-direction:column;display:flex}.profile-project-card{padding:var(--space-base)}.profile-project-card__header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.profile-project-card__header h3{font-size:var(--font-base);font-weight:700}.profile-project-tags{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.profile-project-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}.profile-resume-card{justify-content:space-between;align-items:center;display:flex}.profile-resume-info{align-items:center;gap:var(--space-md);display:flex}.profile-resume-icon{color:var(--primary)}.profile-resume-info h4{font-size:var(--font-base);margin-bottom:2px;font-weight:700}.profile-resume-date{font-size:var(--font-sm);color:var(--text-tertiary)}.profile-resume-actions{gap:var(--space-xs);display:flex}.profile-certificates{gap:var(--space-sm);flex-direction:column;display:flex}.profile-cert-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);display:flex}.profile-cert-icon{border-radius:var(--radius-sm);background:var(--warning-bg);color:#e17055;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.profile-cert-info{flex:1;min-width:0}.profile-cert-info h4{font-size:var(--font-base);margin-bottom:2px;font-weight:600}.profile-cert-info span{font-size:var(--font-sm);color:var(--text-secondary)}.profile-cert-link{color:var(--text-tertiary);flex-shrink:0}.profile-socials{gap:var(--space-sm);flex-direction:column;display:flex}.profile-social-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;display:flex}.profile-social-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.profile-social-icon{color:var(--primary);flex-shrink:0}.profile-social-text{flex:1;min-width:0}.profile-social-label{font-size:var(--font-sm);color:var(--text);font-weight:600;display:block}.profile-social-value{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile-social-ext{color:var(--text-tertiary);flex-shrink:0}.profile-actions{gap:var(--space-md);margin-top:var(--space-2xl);flex-direction:column;display:flex}.profile-logout-btn{background:var(--error-bg);color:var(--error)}.profile-logout-btn:hover{background:var(--error);color:#fff}.settings-screen{animation:.4s ease-out fadeIn}.settings-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.settings-header h1{font-size:var(--font-xl);font-weight:800}.settings-section{margin-bottom:var(--space-xl)}.settings-section__title{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-sm);padding-left:var(--space-xs);font-weight:700}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.setting-item{padding:var(--space-base);width:100%;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.setting-item+.setting-item{border-top:1px solid var(--border)}.setting-item--nav{cursor:pointer;text-align:left;color:var(--text)}.setting-item--nav:hover{background:var(--surface-alt)}.setting-item__left{align-items:center;gap:var(--space-md);font-size:var(--font-base);color:var(--text);font-weight:500;display:flex}.setting-item__icon{color:var(--text-secondary);flex-shrink:0}.setting-item__right{align-items:center;gap:var(--space-xs);display:flex}.setting-item__value{font-size:var(--font-sm);color:var(--text-tertiary);font-weight:500}.setting-item__chevron{color:var(--text-tertiary)}.toggle-switch{border-radius:var(--radius-full);background:var(--border);cursor:pointer;width:48px;height:28px;transition:background var(--transition-base);flex-shrink:0;padding:2px;position:relative}.toggle-switch--on{background:var(--gradient-primary)}.toggle-switch__knob{border-radius:var(--radius-full);width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform var(--transition-spring);background:#fff;display:block}.toggle-switch--on .toggle-switch__knob{transform:translate(20px)}.settings-danger{padding-top:var(--space-sm)}.settings-logout-btn{background:var(--error-bg);color:var(--error);border-radius:var(--radius-md);transition:all var(--transition-base);margin-bottom:var(--space-md);font-weight:700}.settings-logout-btn:hover{background:var(--error);color:#fff}.settings-delete-link{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-sm);font-size:var(--font-sm);color:var(--error);opacity:.8;transition:opacity var(--transition-fast);cursor:pointer;font-weight:600;display:flex}.settings-delete-link:hover{opacity:1}.mentor-dashboard{padding:var(--space-base);padding-bottom:calc(var(--nav-height) + var(--space-3xl));min-height:100vh;animation:.4s ease-out fadeIn}.mentor-header{padding:var(--space-lg) 0 var(--space-base);justify-content:space-between;align-items:center;display:flex}.mentor-greeting h1{font-size:var(--font-2xl);color:var(--text);font-weight:800}.mentor-greeting p{font-size:var(--font-base);color:var(--text-secondary);margin-top:var(--space-xs)}.mentor-header-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:flex}.mentor-header-btn:hover{background:var(--surface-alt);color:var(--text);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mentor-stats{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-sm) 0 var(--space-base);margin:0 calc(-1 * var(--space-base));padding-left:var(--space-base);padding-right:var(--space-base);display:flex;overflow-x:auto}.mentor-stats::-webkit-scrollbar{display:none}.mentor-stat-card{min-width:140px;padding:var(--space-base);border-radius:var(--radius-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);scroll-snap-align:start;transition:transform var(--transition-base);flex-shrink:0;animation:.5s ease-out both slideUp}.mentor-stat-card:hover{transform:translateY(-3px)}.mentor-stat-card:first-child{animation-delay:50ms}.mentor-stat-card:nth-child(2){animation-delay:.1s}.mentor-stat-card:nth-child(3){animation-delay:.15s}.mentor-stat-card:nth-child(4){animation-delay:.2s}.stat-icon{border-radius:var(--radius-xs);width:36px;height:36px;margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.stat-icon.purple{color:var(--primary);background:#6c5ce71f}.stat-icon.blue{color:var(--info);background:#74b9ff1f}.stat-icon.teal{background:var(--accent-bg);color:var(--accent)}.stat-icon.orange{background:var(--warning-bg);color:#e17055}.mentor-stat-card .stat-value{font-size:var(--font-xl);color:var(--text);font-weight:800;line-height:1}.mentor-stat-card .stat-label{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--space-xs);font-weight:500}.mentor-section{margin-bottom:var(--space-xl);animation:.5s ease-out both slideUp}.mentor-section:nth-of-type(2){animation-delay:.1s}.mentor-section:nth-of-type(3){animation-delay:.15s}.mentor-section:nth-of-type(4){animation-delay:.2s}.mentor-section:nth-of-type(5){animation-delay:.25s}.mentor-section:nth-of-type(6){animation-delay:.3s}.mentor-section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.mentor-section-title{font-size:var(--font-md);color:var(--text);font-weight:700}.mentor-section-link{font-size:var(--font-sm);color:var(--primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:600}.mentor-section-link:hover{opacity:.8}.student-cards{gap:var(--space-md);flex-direction:column;display:flex}.student-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-base);border:1px solid var(--border);align-items:center;gap:var(--space-md);transition:all var(--transition-base);cursor:pointer;animation:.4s ease-out both slideUp;display:flex}.student-card:first-child{animation-delay:50ms}.student-card:nth-child(2){animation-delay:.1s}.student-card:nth-child(3){animation-delay:.15s}.student-card:nth-child(4){animation-delay:.2s}.student-card:nth-child(5){animation-delay:.25s}.student-card:nth-child(6){animation-delay:.3s}.student-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.student-avatar{border-radius:var(--radius-full);width:44px;height:44px;font-weight:700;font-size:var(--font-base);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.student-avatar.purple{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.student-avatar.pink{background:linear-gradient(135deg,#fd79a8,#e84393)}.student-avatar.blue{background:linear-gradient(135deg,#74b9ff,#0984e3)}.student-avatar.green{background:linear-gradient(135deg,#55efc4,#00b894)}.student-avatar.orange{background:linear-gradient(135deg,#fdcb6e,#e17055)}.student-avatar.teal{background:linear-gradient(135deg,#00cec9,#00b5b0)}.student-info{flex:1;min-width:0}.student-name{font-size:var(--font-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.student-branch{font-size:var(--font-xs);color:var(--text-secondary);margin-top:1px}.student-progress-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.student-progress-bar{background:var(--surface-alt);border-radius:var(--radius-full);flex:1;height:5px;overflow:hidden}.student-progress-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.student-progress-fill.high{background:var(--gradient-accent)}.student-progress-fill.low{background:linear-gradient(135deg,#fdcb6e,#e17055)}.student-progress-pct{font-size:var(--font-xs);color:var(--text-secondary);text-align:right;min-width:32px;font-weight:700}.student-meta{align-items:flex-end;gap:var(--space-sm);flex-direction:column;flex-shrink:0;display:flex}.student-active{color:var(--text-tertiary);white-space:nowrap;font-size:10px;font-weight:500}.student-active.now{color:var(--success)}.student-active.now:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:2s infinite pulse;display:inline-block}.student-chat-btn{border-radius:var(--radius-xs);background:var(--primary-bg);width:32px;height:32px;color:var(--primary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.student-chat-btn:hover{background:var(--primary-bg-hover);transform:scale(1.05)}.schedule-list{gap:var(--space-md);flex-direction:column;display:flex}.schedule-item{gap:var(--space-md);padding:var(--space-base);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-base);align-items:flex-start;display:flex}.schedule-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.schedule-day{min-width:44px;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.schedule-day-name{text-transform:uppercase;letter-spacing:.5px;opacity:.9;font-size:10px;font-weight:600}.schedule-day-time{font-size:var(--font-xs);margin-top:2px;font-weight:700}.schedule-details{flex:1;min-width:0}.schedule-type{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--primary);margin-bottom:2px;font-weight:600}.schedule-title{font-size:var(--font-base);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.schedule-meta{font-size:var(--font-xs);color:var(--text-secondary);margin-top:var(--space-xs);align-items:center;gap:var(--space-xs);display:flex}.schedule-badge{border-radius:var(--radius-full);background:var(--success-bg);color:var(--success);align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.quick-actions-grid{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.quick-action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);align-items:center;gap:var(--space-sm);cursor:pointer;transition:all var(--transition-base);text-align:center;flex-direction:column;display:flex}.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-3px)}.quick-action-card:active{transform:translateY(-1px)}.quick-action-icon{border-radius:var(--radius-sm);background:var(--gradient-primary);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-primary);transition:transform var(--transition-spring);justify-content:center;align-items:center;display:flex}.quick-action-card:hover .quick-action-icon{transform:scale(1.08)}.quick-action-card:nth-child(2) .quick-action-icon{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.quick-action-card:nth-child(3) .quick-action-icon{background:var(--gradient-warm)}.quick-action-card:nth-child(4) .quick-action-icon{background:var(--gradient-cool)}.quick-action-label{font-size:var(--font-sm);color:var(--text);font-weight:600}.activity-feed{flex-direction:column;gap:0;display:flex}.activity-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-light);display:flex;position:relative}.activity-item:last-child{border-bottom:none}.activity-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;position:relative}.activity-dot:after{content:"";background:var(--border-light);width:1px;height:calc(100% + 16px);position:absolute;top:10px;left:50%;transform:translate(-50%)}.activity-item:last-child .activity-dot:after{display:none}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--font-base);color:var(--text);line-height:1.4}.activity-text strong{font-weight:600}.activity-time{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.attendance-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-base);flex-direction:column;display:flex}.attendance-row{justify-content:space-between;align-items:center;display:flex}.attendance-label{font-size:var(--font-base);color:var(--text-secondary)}.attendance-value{font-size:var(--font-md);color:var(--text);font-weight:700}.attendance-value .highlight{color:var(--primary)}.attendance-bar-wrap{width:100%}.attendance-bar{background:var(--surface-alt);border-radius:var(--radius-full);width:100%;height:8px;margin-top:var(--space-sm);overflow:hidden}.attendance-bar-fill{border-radius:var(--radius-full);background:var(--gradient-accent);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);animation:1s ease-out progressGrow}.attendance-streak{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--success-bg);border-radius:var(--radius-sm);display:flex}.attendance-streak-icon{color:var(--success)}.attendance-streak-text{font-size:var(--font-sm);color:var(--success);font-weight:600}.coordinator-dashboard{padding:var(--space-base);padding-bottom:calc(var(--nav-height) + var(--space-3xl));min-height:100vh;animation:.4s ease-out fadeIn}.coord-header{padding:var(--space-lg) 0 var(--space-base);justify-content:space-between;align-items:center;display:flex}.coord-header h1{font-size:var(--font-xl);color:var(--text);font-weight:800}.coord-header-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition-base);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;display:flex;position:relative}.coord-header-btn:hover{background:var(--surface-alt);color:var(--text);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.coord-notif-badge{background:var(--error);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.coord-metrics{gap:var(--space-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-sm) 0 var(--space-base);margin:0 calc(-1 * var(--space-base));padding-left:var(--space-base);padding-right:var(--space-base);display:flex;overflow-x:auto}.coord-metrics::-webkit-scrollbar{display:none}.coord-metric-card{min-width:155px;padding:var(--space-lg);border-radius:var(--radius-md);color:#fff;scroll-snap-align:start;transition:transform var(--transition-base);flex-shrink:0;animation:.5s ease-out both slideUp;position:relative;overflow:hidden}.coord-metric-card:hover{transform:translateY(-3px)scale(1.02)}.coord-metric-card:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 60%);border-radius:50%;width:80%;height:80%;position:absolute;top:-40%;right:-30%}.coord-metric-card:first-child{background:var(--gradient-primary);animation-delay:50ms}.coord-metric-card:nth-child(2){background:var(--gradient-accent);animation-delay:.1s}.coord-metric-card:nth-child(3){background:var(--gradient-warm);animation-delay:.15s}.coord-metric-card:nth-child(4){background:var(--gradient-cool);animation-delay:.2s}.coord-metric-value{font-size:var(--font-2xl);z-index:1;font-weight:800;line-height:1;position:relative}.coord-metric-label{font-size:var(--font-sm);opacity:.9;margin-top:var(--space-xs);z-index:1;font-weight:500;position:relative}.coord-metric-change{margin-top:var(--space-sm);border-radius:var(--radius-full);z-index:1;background:#fff3;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.coord-section{margin-bottom:var(--space-xl);animation:.5s ease-out both slideUp}.coord-section:nth-of-type(2){animation-delay:.1s}.coord-section:nth-of-type(3){animation-delay:.15s}.coord-section:nth-of-type(4){animation-delay:.2s}.coord-section:nth-of-type(5){animation-delay:.25s}.coord-section:nth-of-type(6){animation-delay:.3s}.coord-section:nth-of-type(7){animation-delay:.35s}.coord-section:nth-of-type(8){animation-delay:.4s}.coord-section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.coord-section-title{font-size:var(--font-md);color:var(--text);font-weight:700}.coord-section-link{font-size:var(--font-sm);color:var(--primary);cursor:pointer;transition:opacity var(--transition-fast);font-weight:600}.coord-section-link:hover{opacity:.8}.coord-quick-actions{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.coord-action-btn{align-items:center;gap:var(--space-sm);padding:var(--space-base) var(--space-sm);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-base);flex-direction:column;flex:1;display:flex}.coord-action-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-3px)}.coord-action-btn:active{transform:translateY(-1px)}.coord-action-icon{border-radius:var(--radius-sm);color:#fff;width:40px;height:40px;transition:transform var(--transition-spring);justify-content:center;align-items:center;display:flex}.coord-action-btn:hover .coord-action-icon{transform:scale(1.1)}.coord-action-icon.purple{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.coord-action-icon.teal{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.coord-action-icon.warm{background:var(--gradient-warm)}.coord-action-label{font-size:var(--font-xs);color:var(--text);text-align:center;font-weight:600}.mentoring-overview{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--glass-shadow)}.mentoring-stats-grid{gap:var(--space-md);margin-bottom:var(--space-base);grid-template-columns:1fr 1fr;display:grid}.mentoring-stat{flex-direction:column;gap:2px;display:flex}.mentoring-stat-value{font-size:var(--font-lg);color:var(--text);font-weight:800}.mentoring-stat-label{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500}.mentoring-star{color:#fdcb6e}.mentoring-top-mentor{padding:var(--space-md);background:var(--primary-bg);border-radius:var(--radius-sm);align-items:center;gap:var(--space-md);display:flex}.top-mentor-badge{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;width:36px;height:36px;font-size:var(--font-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.top-mentor-info{flex:1;min-width:0}.top-mentor-label{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);font-size:10px;font-weight:600}.top-mentor-name{font-size:var(--font-base);color:var(--text);font-weight:600}.top-mentor-meta{font-size:var(--font-xs);color:var(--text-secondary)}.drives-list{gap:var(--space-md);flex-direction:column;display:flex}.drive-item{align-items:center;gap:var(--space-md);padding:var(--space-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;display:flex}.drive-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.drive-logo{border-radius:var(--radius-sm);background:var(--surface-alt);width:44px;height:44px;font-weight:800;font-size:var(--font-sm);color:var(--text-secondary);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.drive-info{flex:1;min-width:0}.drive-company{font-size:var(--font-base);color:var(--text);font-weight:700}.drive-meta{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.drive-status{flex-shrink:0}.announcements-list{gap:var(--space-md);flex-direction:column;display:flex}.announcement-item{padding:var(--space-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-md);transition:all var(--transition-base);display:flex}.announcement-item:hover{box-shadow:var(--shadow-sm)}.announcement-icon-wrap{border-radius:var(--radius-xs);background:var(--primary-bg);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.announcement-content{flex:1;min-width:0}.announcement-title{font-size:var(--font-base);color:var(--text);font-weight:600}.announcement-date{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.announcement-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.announcement-action-btn{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--text-tertiary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.announcement-action-btn:hover{background:var(--surface-alt);color:var(--text-secondary)}.announcement-action-btn.delete:hover{background:var(--error-bg);color:var(--error)}.add-announcement-btn{width:100%;padding:var(--space-md);border-radius:var(--radius-md);border:2px dashed var(--border);color:var(--primary);font-weight:600;font-size:var(--font-base);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;display:flex}.add-announcement-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.analytics-card+.analytics-card{margin-top:var(--space-md)}.analytics-card-title{font-size:var(--font-base);color:var(--text);margin-bottom:var(--space-base);font-weight:700}.dept-progress-list{gap:var(--space-md);flex-direction:column;display:flex}.dept-row{align-items:center;gap:var(--space-md);display:flex}.dept-label{font-size:var(--font-sm);color:var(--text);min-width:36px;font-weight:600}.dept-bar-wrap{background:var(--surface-alt);border-radius:var(--radius-full);flex:1;height:10px;overflow:hidden}.dept-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);animation:1.2s ease-out progressGrow}.dept-bar-fill.cse{background:var(--gradient-primary)}.dept-bar-fill.it{background:var(--gradient-accent)}.dept-bar-fill.ece{background:var(--gradient-warm)}.dept-pct{font-size:var(--font-sm);color:var(--text-secondary);text-align:right;min-width:32px;font-weight:700}.monthly-chart{height:130px;padding-top:var(--space-base);justify-content:space-around;align-items:flex-end;gap:var(--space-base);display:flex}.monthly-bar-col{align-items:center;gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.monthly-bar{border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:var(--gradient-primary);width:100%;max-width:40px;transition:opacity var(--transition-fast);animation:1s ease-out both barGrow;position:relative}.monthly-bar:hover{opacity:.85}.monthly-bar-col:first-child .monthly-bar{animation-delay:.1s}.monthly-bar-col:nth-child(2) .monthly-bar{animation-delay:.2s}.monthly-bar-col:nth-child(3) .monthly-bar{animation-delay:.3s}.monthly-bar-col:nth-child(4) .monthly-bar{animation-delay:.4s}.monthly-bar-value{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.monthly-bar-label{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:600}.reports-list{gap:var(--space-md);flex-direction:column;display:flex}.report-item{align-items:center;gap:var(--space-md);padding:var(--space-base);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;display:flex}.report-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.report-icon-wrap{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.report-icon-wrap.purple{background:var(--primary-bg);color:var(--primary)}.report-icon-wrap.teal{background:var(--accent-bg);color:var(--accent)}.report-icon-wrap.warm{background:var(--warning-bg);color:#e17055}.report-name{font-size:var(--font-base);color:var(--text);flex:1;font-weight:600}.report-download-btn{border-radius:var(--radius-xs);width:36px;height:36px;color:var(--primary);background:var(--primary-bg);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-download-btn:hover{background:var(--primary-bg-hover);transform:scale(1.05)}