:root{--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-card: #161616;--bg-card-hover: #1C1C1C;--bg-elevated: #1A1A1A;--gold: #D4AF37;--gold-light: #E8C84A;--gold-dark: #B8941F;--gold-muted: rgba(212, 175, 55, .15);--gold-glow: rgba(212, 175, 55, .3);--white: #F5F5F5;--white-muted: #CCCCCC;--gray: #888888;--gray-dark: #555555;--gray-border: #2A2A2A;--success: #4ADE80;--success-muted: rgba(74, 222, 128, .15);--font-heading: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-gold: 0 0 20px rgba(212, 175, 55, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .6);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-weight:400;color:var(--white);background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--white)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}p{color:var(--white-muted);line-height:1.7}a{color:var(--gold);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}a:hover{color:var(--gold-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.gold-text{color:var(--gold)}.gold-gradient-text{background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 28px;font-family:var(--font-body);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;letter-spacing:.02em;-webkit-tap-highlight-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);box-shadow:var(--shadow-gold)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #d4af374d;color:var(--bg-primary)}.btn-outline{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}.btn-outline:hover{background:var(--gold-muted);transform:translateY(-2px);color:var(--gold-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #d4af374d}50%{box-shadow:0 0 20px 5px #d4af3726}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.glass{background:#161616b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--gray-border)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;font-size:.75rem;font-weight:600;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}.badge-gold{background:var(--gold-muted);color:var(--gold);border:1px solid rgba(212,175,55,.3)}.badge-success{background:var(--success-muted);color:var(--success);border:1px solid rgba(74,222,128,.3)}::selection{background:var(--gold-muted);color:var(--gold-light)}@media(max-width:768px){.container{padding:0 var(--space-md)}.btn{padding:12px 22px;font-size:.9rem}.btn-primary:hover,.btn-outline:hover{transform:none}h1{font-size:clamp(1.6rem,5vw,2.5rem)}h2{font-size:clamp(1.3rem,3vw,1.8rem)}}@media(max-width:480px){:root{--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px}.container{padding:0 var(--space-sm)}.btn{padding:11px 18px;font-size:.85rem;gap:6px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid var(--gray-border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--white);z-index:1001}.navbar-logo:hover{color:var(--white)}.logo-icon{color:var(--gold);font-size:1.2rem}.logo-text{letter-spacing:-.02em}.navbar-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-link{font-size:.9rem;font-weight:500;color:var(--gray);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);position:relative;padding:var(--space-xs) 0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gold);transition:width var(--duration-normal) var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link.active:after,.nav-link:hover:after{width:100%}.btn-sm{padding:8px 20px;font-size:.85rem}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:none;cursor:pointer;z-index:1001;-webkit-tap-highlight-color:transparent}.hamburger-line{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:all var(--duration-normal) var(--ease-out);transform-origin:center}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;top:64px;left:0;right:0;background:#0a0a0af7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--gray-border);box-shadow:0 8px 32px #0006;transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .3s var(--ease-out),opacity .25s var(--ease-out),visibility .3s var(--ease-out)}.mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:var(--space-lg)}.mobile-nav-link{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--gray);text-decoration:none;padding:10px 20px;border-radius:100px;border:1px solid var(--gray-border);background:var(--bg-elevated);transition:all var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;white-space:nowrap}.mobile-nav-link.active{color:#0a0a0a;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-color:var(--gold);font-weight:600}.mobile-nav-link:hover{border-color:var(--gold);color:var(--gold-light)}.mobile-menu-cta{padding:10px 28px;font-size:.9rem}.navbar-auth{display:flex;align-items:center;gap:var(--space-md);margin-left:var(--space-md)}.auth-buttons{display:flex;align-items:center;gap:var(--space-md)}.auth-link{font-size:.9rem;font-weight:500;color:var(--gray);padding:var(--space-xs) 0}.user-menu-wrapper{position:relative}.user-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#0a0a0a;font-family:var(--font-body);font-size:.9rem;font-weight:700;transition:box-shadow var(--duration-fast) var(--ease-out)}.user-avatar-btn:hover .user-avatar{box-shadow:0 0 0 3px var(--gold-muted)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);padding:var(--space-sm) 0;z-index:1002;animation:dropdownIn .15s var(--ease-out)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:2px}.user-dropdown-name{font-weight:600;color:var(--white);font-size:.9rem}.user-dropdown-email{color:var(--gray);font-size:.8rem}.user-dropdown-divider{height:1px;background:var(--gray-border);margin:var(--space-xs) 0}.user-dropdown-item{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--gray);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.user-dropdown-item:hover{background:var(--bg-elevated);color:var(--white)}.logout-btn:hover{color:#ef4444}.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:8px 20px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.btn-outline:hover{background:var(--gold-muted);color:var(--gold-light)}.mobile-auth-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-sm);width:100%}.mobile-auth-buttons .mobile-menu-cta{text-align:center;flex:0 0 auto}.mobile-user-section{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--gray-border)}.mobile-user-info{display:flex;align-items:center;gap:var(--space-sm)}.mobile-avatar{width:34px;height:34px;font-size:.85rem}.mobile-user-name{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--white)}@media(max-width:1024px){.navbar-links,.navbar-cta,.navbar-auth{display:none}.hamburger{display:flex}}@media(max-width:768px){.mobile-menu{padding:var(--space-md) var(--space-lg)}}@media(max-width:480px){.navbar-logo{font-size:1.2rem}.logo-icon{font-size:1rem}.mobile-nav-link{font-size:.82rem;padding:8px 14px}.mobile-menu-links{gap:8px}.mobile-menu{padding:var(--space-sm) var(--space-md)}.mobile-menu-cta{padding:8px 18px;font-size:.82rem}.mobile-avatar{width:30px;height:30px;font-size:.8rem}.mobile-user-name{font-size:.82rem}}.footer{background:var(--bg-secondary);border-top:1px solid var(--gray-border);padding:var(--space-3xl) 0 var(--space-lg);margin-top:var(--space-4xl)}.footer-inner{display:flex;flex-direction:column;gap:var(--space-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--white)}.footer-tagline{font-size:.9rem;color:var(--gray)}.footer-links{display:flex;gap:var(--space-4xl)}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col-title{font-family:var(--font-body);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gold);margin-bottom:var(--space-xs)}.footer-col a{font-size:.9rem;color:var(--gray);transition:color var(--duration-fast) var(--ease-out)}.footer-col a:hover{color:var(--white)}.coming-soon{font-size:.8rem;font-style:italic;color:var(--gray-dark)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--gray-border)}.footer-bottom p{font-size:.8rem;color:var(--gray-dark)}@media(max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-md);margin-top:var(--space-2xl)}.footer-links{flex-direction:column;gap:var(--space-xl)}.footer-tagline{font-size:.85rem}.footer-col a{font-size:.85rem;padding:4px 0}}@media(max-width:480px){.footer{padding:var(--space-xl) 0 var(--space-sm);margin-top:var(--space-xl)}.footer-inner{gap:var(--space-xl)}.footer-logo{font-size:1.1rem}.footer-bottom p{font-size:.72rem}}.home{padding-top:64px}.hero{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;overflow:hidden}.hero-bg-elements{position:absolute;inset:0;pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12}.hero-glow-1{width:600px;height:600px;background:var(--gold);top:-200px;right:-100px}.hero-glow-2{width:400px;height:400px;background:var(--gold-dark);bottom:-100px;left:-100px}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(212,175,55,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px);background-size:60px 60px}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg);padding:var(--space-4xl) 0}.hero-badge{font-size:.85rem}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;max-width:800px}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem);max-width:600px;color:var(--gray);line-height:1.7}.hero-search{width:100%;max-width:580px;margin-top:var(--space-md)}.hero-search-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:6px 6px 6px var(--space-lg);transition:all var(--duration-normal) var(--ease-out)}.hero-search-wrapper:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a,var(--shadow-gold)}.hero-search-icon{font-size:1rem;flex-shrink:0}.hero-search-input{flex:1;background:none;border:none;outline:none;color:var(--white);font-family:var(--font-body);font-size:.95rem;min-width:0}.hero-search-input::placeholder{color:var(--gray-dark)}.hero-search-btn{padding:10px 24px;flex-shrink:0;font-size:.88rem}.hero-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.btn-lg{padding:16px 36px;font-size:1rem}.btn-arrow{transition:transform var(--duration-fast) var(--ease-out);display:inline-block}.btn:hover .btn-arrow{transform:translate(4px)}.hero-scroll-indicator{position:absolute;bottom:var(--space-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent);animation:pulse-gold 2s ease-in-out infinite}.hero-scroll-indicator span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-dark)}.stats{padding:var(--space-3xl) 0;border-top:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.stats.visible{opacity:1;transform:translateY(0)}.stats-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-number{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1}.stat-label{font-size:.85rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:48px;background:var(--gray-border)}.features{padding:var(--space-4xl) 0;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.features.visible{opacity:1;transform:translateY(0)}.section-title{text-align:center;margin-bottom:var(--space-sm)}.section-subtitle{text-align:center;color:var(--gray);max-width:500px;margin:0 auto var(--space-2xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-xl);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.feature-card:hover{transform:translateY(-4px);border-color:#d4af3733;box-shadow:var(--shadow-gold)}.feature-icon{font-size:2rem;margin-bottom:var(--space-md)}.feature-card h3{font-family:var(--font-body);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-sm)}.feature-card p{font-size:.9rem;color:var(--gray)}.exams{padding:var(--space-4xl) 0;opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.exams.visible{opacity:1;transform:translateY(0)}.exam-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.exam-card{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);text-decoration:none;color:inherit;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}.exam-card:hover{transform:translateY(-4px);border-color:#d4af374d;box-shadow:var(--shadow-gold);color:inherit}.exam-card-coming-soon{opacity:.5;cursor:default}.exam-card-coming-soon:hover{transform:none;border-color:var(--gray-border);box-shadow:none}.exam-card-header{display:flex;align-items:center;justify-content:space-between}.exam-card-icon{font-size:2rem}.exam-card-title{font-size:1.5rem;font-weight:700}.exam-card-desc{font-size:.85rem;color:var(--gray)}.exam-card-stats{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--gray)}.exam-card-sections{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.exam-card-section-tag{background:var(--bg-elevated);padding:4px 12px;border-radius:999px;font-size:.78rem;color:var(--white-muted);border:1px solid var(--gray-border)}.exam-card-cta{display:flex;align-items:center;gap:var(--space-sm);color:var(--gold);font-weight:600;font-size:.9rem;margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--gray-border)}.exam-card-cta.disabled{color:var(--gray-dark)}@media(max-width:768px){.hero-content{padding:var(--space-2xl) 0}.hero-actions{flex-direction:column;width:100%;max-width:320px}.btn-lg{justify-content:center}.stats-inner{flex-wrap:wrap;gap:var(--space-lg)}.stat-divider{display:none}.stat-item{flex:1 1 40%}.stat-number{font-size:2rem}.exam-cards{grid-template-columns:1fr}.hero-scroll-indicator{display:none}.hero-search-wrapper{flex-direction:column;padding:var(--space-sm);gap:var(--space-xs)}.hero-search-input{width:100%;padding:8px var(--space-sm)}.hero-search-btn{width:100%;justify-content:center}.hero-search-icon{display:none}.features-grid{grid-template-columns:1fr}.feature-card{padding:var(--space-lg)}.feature-card:hover,.exam-card:hover{transform:none}.exam-card{padding:var(--space-lg)}.exam-card-title{font-size:1.25rem}.exam-card-stats{flex-wrap:wrap}.exam-card-sections{gap:6px}.exam-card-section-tag{font-size:.72rem;padding:3px 10px}}@media(max-width:480px){.hero{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px)}.hero-content{padding:var(--space-xl) 0;gap:var(--space-md)}.hero-badge{font-size:.75rem}.stats{padding:var(--space-xl) 0}.stat-item{flex:1 1 100%;flex-direction:row;justify-content:space-between;padding:0 var(--space-md)}.stat-number{font-size:1.6rem}.stat-label{font-size:.8rem}.features,.exams{padding:var(--space-2xl) 0}.btn-lg{padding:14px 24px;font-size:.9rem}}.roadmaps-page{padding-top:64px}.roadmaps-hero{position:relative;padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden;text-align:center}.roadmaps-hero-bg{position:absolute;inset:0;pointer-events:none}.roadmaps-hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--gold);filter:blur(150px);opacity:.06;top:-200px;left:50%;transform:translate(-50%)}.roadmaps-hero-content{position:relative;z-index:1}.roadmaps-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--space-md)}.roadmaps-hero-desc{font-size:1rem;color:var(--gray);max-width:550px;margin:0 auto}.search-container{max-width:560px;margin:var(--space-xl) auto 0}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:12px var(--space-lg);transition:all var(--duration-normal) var(--ease-out)}.search-input-wrapper:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a,var(--shadow-gold)}.search-icon{font-size:1rem;flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:var(--white);font-family:var(--font-body);font-size:.95rem}.search-input::placeholder{color:var(--gray-dark)}.search-clear{background:var(--bg-elevated);border:1px solid var(--gray-border);color:var(--gray);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.search-clear:hover{background:var(--bg-card-hover);color:var(--white)}.search-shortcut{font-size:.68rem;color:var(--gray-dark);padding:2px 8px;border:1px solid var(--gray-border);border-radius:var(--radius-sm);font-family:var(--font-body);flex-shrink:0}.search-no-results{text-align:center;padding:var(--space-4xl) var(--space-lg);max-width:400px;margin:0 auto}.search-no-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.search-no-results h3{font-family:var(--font-body);font-size:1.2rem;margin-bottom:var(--space-sm)}.search-no-results p{font-size:.9rem;color:var(--gray)}.roadmaps-content{padding:var(--space-2xl) var(--space-lg) var(--space-4xl)}.categories-grid{display:flex;flex-direction:column;gap:var(--space-md);max-width:800px;margin:0 auto}.category-card{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.category-card:hover{border-color:#d4af3733;box-shadow:0 0 20px #d4af370f}.category-card.active{border-color:#d4af374d}.category-card-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl)}.category-icon{font-size:2rem;flex-shrink:0}.category-info{flex:1}.category-title{font-family:var(--font-body);font-size:1.15rem;font-weight:700;margin-bottom:2px}.category-desc{font-size:.82rem;color:var(--gray)}.category-arrow{font-size:1.2rem;color:var(--gray);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.category-arrow.open{transform:rotate(180deg);color:var(--gold)}.category-exams{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.category-exams.expanded{max-height:600px}.category-exams-inner{padding:0 var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.exam-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--ease-out)}.exam-list-item.available:hover{border-color:#d4af374d;background:var(--bg-card-hover);transform:translate(4px);color:inherit}.exam-list-item.disabled{opacity:.45;cursor:not-allowed}.exam-list-info{display:flex;flex-direction:column;gap:2px}.exam-list-title{font-weight:600;font-size:.95rem;color:var(--white)}.exam-list-full{font-size:.78rem;color:var(--gray)}.exam-list-right{display:flex;align-items:center;gap:var(--space-md)}.exam-list-meta{font-size:.78rem;color:var(--gray)}.exam-list-badge{padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.exam-list-badge.available{background:var(--success-muted);color:var(--success);border:1px solid rgba(74,222,128,.3)}.exam-list-badge.coming{background:var(--gold-muted);color:var(--gold);border:1px solid rgba(212,175,55,.2)}.exam-list-arrow{color:var(--gold);font-size:1rem;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.exam-list-item.available:hover .exam-list-arrow{opacity:1}@media(max-width:768px){.roadmaps-hero{padding:var(--space-2xl) 0 var(--space-xl)}.roadmaps-content{padding:var(--space-xl) var(--space-md) var(--space-2xl)}.category-card-header{padding:var(--space-md)}.category-icon{font-size:1.6rem}.category-title{font-size:1rem}.category-desc{font-size:.78rem}.category-exams-inner{padding:0 var(--space-md) var(--space-md)}.exam-list-item{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md)}.exam-list-right{width:100%;justify-content:flex-end}.exam-list-item.available:hover{transform:none}.search-input-wrapper{padding:10px var(--space-md)}.search-shortcut{display:none}.search-no-results{padding:var(--space-2xl) var(--space-md)}}@media(max-width:480px){.roadmaps-hero{padding:var(--space-xl) 0 var(--space-lg)}.roadmaps-content{padding:var(--space-lg) var(--space-sm) var(--space-xl)}.category-card-header{gap:var(--space-sm)}.exam-list-title{font-size:.88rem}.exam-list-full{font-size:.72rem}.exam-list-badge{font-size:.65rem;padding:2px 8px}.search-container{margin:var(--space-md) auto 0}}.roadmap-page{padding-top:64px}.roadmap-hero{position:relative;padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden}.roadmap-hero-bg{position:absolute;inset:0;pointer-events:none}.roadmap-hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--gold);filter:blur(150px);opacity:.06;top:-200px;left:50%;transform:translate(-50%)}.roadmap-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-xl)}.roadmap-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2xl)}.roadmap-hero-text{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.roadmap-hero-badges{display:flex;gap:var(--space-sm)}.roadmap-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.roadmap-hero-desc{font-size:.95rem;color:var(--gray);max-width:550px;line-height:1.7}.roadmap-hero-stats-card{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-lg);min-width:280px;flex-shrink:0}.overall-progress{display:flex;align-items:center;gap:var(--space-md)}.overall-progress-circle{position:relative;width:72px;height:72px;flex-shrink:0}.progress-ring{width:100%;height:100%}.progress-ring-fill{transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.overall-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.overall-progress-info{display:flex;flex-direction:column;gap:2px}.overall-label{font-size:.85rem;font-weight:600;color:var(--white)}.overall-count{font-size:.8rem;color:var(--gray)}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm)}.hero-stat-value{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--gold)}.hero-stat-label{font-size:.68rem;color:var(--gray);text-transform:uppercase;letter-spacing:.04em}.exam-info-bar{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-md) var(--space-xl);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md)}.exam-info-item{display:flex;flex-direction:column;gap:2px}.exam-info-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-weight:600}.exam-info-value{font-size:.85rem;color:var(--white-muted)}.exam-info-divider{width:1px;height:36px;background:var(--gray-border)}.roadmap-content{padding:var(--space-3xl) var(--space-lg)}.roadmap-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:4px;background:var(--bg-secondary);border:1px solid var(--gray-border);border-radius:var(--radius-md);width:fit-content}.roadmap-tab{padding:10px 32px;font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--gray);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em}.roadmap-tab:hover{color:var(--white);background:var(--bg-card-hover)}.roadmap-tab.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);box-shadow:var(--shadow-gold)}.roadmap-content-header{margin-bottom:var(--space-2xl)}.roadmap-content-header h2{margin-bottom:var(--space-sm)}.roadmap-content-header p{font-size:.9rem;color:var(--gray)}@media(max-width:900px){.roadmap-hero-top{flex-direction:column}.roadmap-hero-stats-card{min-width:unset;width:100%}.exam-info-bar{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md)}.exam-info-divider{width:100%;height:1px}}@media(max-width:768px){.roadmap-hero{padding:var(--space-2xl) 0 var(--space-xl)}.roadmap-content{padding:var(--space-xl) var(--space-md)}.roadmap-tabs{width:100%}.roadmap-tab{flex:1;text-align:center;padding:10px var(--space-md);font-size:.85rem}.hero-stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.hero-stat-value{font-size:1rem}.hero-stat-label{font-size:.62rem}.overall-progress-circle{width:60px;height:60px}.overall-progress-text{font-size:.95rem}.roadmap-hero-title{font-size:clamp(1.5rem,4vw,2.2rem)}.roadmap-hero-desc{font-size:.88rem}.exam-info-bar{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.exam-info-label{font-size:.65rem}.exam-info-value{font-size:.8rem}}@media(max-width:480px){.roadmap-hero{padding:var(--space-xl) 0 var(--space-lg)}.roadmap-hero-badges .badge{font-size:.65rem;padding:3px 8px}.roadmap-content{padding:var(--space-lg) var(--space-sm)}.roadmap-tab{padding:8px var(--space-sm);font-size:.8rem}.roadmap-hero-stats-card{padding:var(--space-md);gap:var(--space-md)}}.roadmap-section{margin-bottom:var(--space-3xl)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--bg-secondary);border:1px solid var(--gray-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);gap:var(--space-lg)}.section-header-left{display:flex;align-items:center;gap:var(--space-md)}.section-icon{font-size:2rem}.section-name{font-family:var(--font-body);font-size:1.2rem;font-weight:700}.section-info{font-size:.82rem;color:var(--gray)}.section-progress{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);min-width:140px}.progress-text{display:flex;align-items:center;gap:var(--space-sm);font-size:.82rem;color:var(--gray)}.progress-percent{color:var(--gold);font-weight:600}.progress-bar{width:100%;height:4px;background:var(--gray-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));border-radius:2px;transition:width var(--duration-slow) var(--ease-out)}.section-topics{padding-left:var(--space-xl)}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md)}.section-progress{width:100%;align-items:stretch}.section-topics{padding-left:var(--space-sm)}.section-name{font-size:1.05rem}.section-icon{font-size:1.6rem}.roadmap-section{margin-bottom:var(--space-2xl)}}@media(max-width:480px){.section-header{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.section-name{font-size:.95rem}.section-info{font-size:.75rem}.section-topics{padding-left:0}.progress-text{font-size:.75rem}.progress-bar{height:3px}}.roadmap-node{display:flex;gap:var(--space-md);animation:fadeInUp var(--duration-slow) var(--ease-out) both}.node-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:24px;padding-top:4px}.node-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-card);border:2px solid var(--gold);flex-shrink:0;transition:all var(--duration-normal) var(--ease-out);z-index:1}.roadmap-node.completed .node-dot{background:var(--gold);box-shadow:0 0 12px #d4af3766}.node-line{width:2px;flex:1;background:var(--gray-border);margin-top:4px}.roadmap-node:last-child .node-line{display:none}.roadmap-node.completed .node-line{background:linear-gradient(to bottom,var(--gold),var(--gray-border))}.node-card{flex:1;display:flex;align-items:flex-start;gap:var(--space-md);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.node-card:hover{border-color:#d4af3740;background:var(--bg-card-hover);box-shadow:0 0 20px #d4af3714;transform:translate(4px)}.roadmap-node.completed .node-card{border-color:#d4af3726;background:#d4af3708}.node-card-content{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.node-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.node-title{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--white)}.roadmap-node.completed .node-title{color:var(--gold)}.node-badges{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.node-difficulty{font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.diff-easy{background:#4ade801a;color:#4ade80}.diff-medium{background:#fbbf241a;color:#fbbf24}.diff-hard{background:#f871711a;color:#f87171}.node-resources-count{font-size:.7rem;color:var(--gray)}.node-desc{font-size:.85rem;color:var(--gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-xs)}.node-time{font-size:.78rem;color:var(--gray-dark)}.node-view-resources{font-size:.8rem;color:var(--gold);font-weight:500;opacity:0;transform:translate(-8px);transition:all var(--duration-fast) var(--ease-out)}.node-card:hover .node-view-resources{opacity:1;transform:translate(0)}.node-check{width:28px;height:28px;min-width:28px;border-radius:var(--radius-sm);border:2px solid var(--gray-border);background:transparent;color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--duration-fast) var(--ease-out);margin-top:2px}.node-check:hover{border-color:var(--gold);background:var(--gold-muted)}.node-check.checked{background:var(--gold);border-color:var(--gold);color:var(--bg-primary);font-weight:700}@media(max-width:768px){.node-card{padding:var(--space-md)}.node-card:hover{transform:none}.node-desc{-webkit-line-clamp:3;line-clamp:3}.node-view-resources{opacity:1;transform:none}.node-check{width:32px;height:32px;min-width:32px;font-size:1rem}.node-title{font-size:.92rem}.node-connector{width:20px}.node-dot{width:10px;height:10px}}@media(max-width:480px){.roadmap-node{gap:var(--space-sm)}.node-connector{width:16px}.node-dot{width:8px;height:8px;border-width:1.5px}.node-card{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.node-badges{flex-wrap:wrap}.node-difficulty{font-size:.62rem;padding:1px 6px}.node-desc{font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.node-time,.node-view-resources{font-size:.72rem}}.resource-overlay{position:fixed;inset:0;background:#000000a6;z-index:2000;display:flex;justify-content:flex-end;animation:fadeIn var(--duration-fast) var(--ease-out)}.resource-panel{width:520px;max-width:90vw;height:100vh;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);animation:slideInRight var(--duration-normal) var(--ease-out);border-left:1px solid rgba(212,175,55,.15)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.resource-close{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--bg-elevated);border:1px solid var(--gray-border);color:var(--gray);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.resource-close:hover{background:var(--bg-card-hover);color:var(--white);border-color:var(--gold-muted)}.resource-header{display:flex;flex-direction:column;gap:var(--space-md);padding-right:var(--space-2xl)}.resource-title{font-size:1.5rem;font-weight:700}.resource-meta{display:flex;align-items:center;gap:var(--space-md)}.resource-difficulty{padding:3px 12px;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.resource-time{font-size:.85rem;color:var(--gray)}.resource-desc{font-size:.9rem;line-height:1.7;color:var(--white-muted)}.resource-divider{height:1px;background:var(--gray-border)}.resource-list{display:flex;flex-direction:column;gap:var(--space-sm)}.resource-list-title{font-family:var(--font-body);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.resource-count{font-size:.75rem;color:var(--gray);font-weight:400}.resource-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--ease-out)}.resource-item:hover{border-color:#d4af374d;background:var(--bg-card-hover);transform:translate(4px);color:inherit}.resource-item-icon{font-size:1.3rem;flex-shrink:0}.resource-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.resource-item-title{font-size:.88rem;font-weight:500;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-item-type{font-size:.75rem;color:var(--gray)}.resource-item-arrow{color:var(--gold);font-size:.9rem;flex-shrink:0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.resource-item:hover .resource-item-arrow{opacity:1}.resource-tip{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--gold-muted);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-md);margin-top:auto}.resource-tip-icon{font-size:1.2rem;flex-shrink:0}.resource-tip p{font-size:.82rem;color:var(--gold-light);line-height:1.5}@media(max-width:768px){.resource-panel{width:100vw;max-width:100vw;padding:var(--space-lg)}.resource-title{font-size:1.25rem}.resource-header{padding-right:var(--space-xl)}.resource-item:hover{transform:none}.resource-item-arrow{opacity:1}.resource-item-title{white-space:normal;word-break:break-word}.resource-close{width:40px;height:40px;font-size:1rem}}@media(max-width:480px){.resource-panel{padding:var(--space-md);gap:var(--space-md)}.resource-title{font-size:1.1rem}.resource-item{padding:var(--space-sm) var(--space-md)}.resource-item-title,.resource-desc{font-size:.82rem}}.focus-page{padding-top:64px;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.focus-page.focus-page-setup{align-items:flex-start;justify-content:flex-start;overflow-y:auto}.focus-bg-elements{position:fixed;inset:0;pointer-events:none;z-index:0}.focus-glow{position:absolute;border-radius:50%;filter:blur(150px);opacity:.08}.focus-glow-1{width:600px;height:600px;background:var(--gold);top:-200px;right:-150px}.focus-glow-2{width:400px;height:400px;background:var(--gold-dark);bottom:-150px;left:-100px}.focus-setup-screen{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:var(--space-4xl)}.focus-setup{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px;margin:0 auto;padding:var(--space-2xl) var(--space-lg);animation:fadeInUp var(--duration-slow) var(--ease-out) both}.focus-setup-header{text-align:center;margin-bottom:var(--space-xl)}.focus-setup-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.focus-setup-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:var(--space-sm)}.focus-setup-desc{font-size:.95rem;color:var(--gray);max-width:400px;margin:0 auto;line-height:1.6}.focus-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);width:100%;margin-bottom:var(--space-xl)}.focus-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md) var(--space-sm);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);text-align:center}.focus-stat-icon{font-size:1.3rem}.focus-stat-value{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--gold)}.focus-stat-label{font-size:.7rem;color:var(--gray);text-transform:uppercase;letter-spacing:.04em}.focus-form{width:100%;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-lg)}.focus-field{display:flex;flex-direction:column;gap:var(--space-sm)}.focus-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}.focus-field-hint{font-size:.78rem;color:var(--gray);line-height:1.4}.focus-field-note{font-size:.82rem;color:var(--gold);font-weight:500;margin-top:4px}.focus-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:4px;background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-md)}.focus-mode-btn{padding:10px;font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--gray);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.focus-mode-btn:hover{color:var(--white)}.focus-mode-btn.active{background:var(--gold-muted);color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.focus-input-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.focus-input-mode-btn{padding:8px;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--gray);background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.focus-input-mode-btn:hover{color:var(--white);border-color:#d4af374d}.focus-input-mode-btn.active{background:var(--gold-muted);color:var(--gold);border-color:var(--gold)}.focus-phase-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.focus-phase-btn{padding:8px;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--gray);background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.focus-phase-btn:hover{color:var(--white);border-color:#d4af374d}.focus-phase-btn.active{background:var(--gold-muted);color:var(--gold);border-color:var(--gold)}.focus-select{background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:12px var(--space-md);color:var(--white);font-family:var(--font-body);font-size:.95rem;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;transition:all var(--duration-fast) var(--ease-out)}.focus-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.focus-select option{background:var(--bg-card);color:var(--white)}.focus-input{background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:12px var(--space-md);color:var(--white);font-family:var(--font-body);font-size:.95rem;outline:none;transition:all var(--duration-fast) var(--ease-out)}.focus-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.focus-input::placeholder{color:var(--gray-dark)}.focus-presets{display:flex;gap:var(--space-sm);flex-wrap:wrap}.focus-preset{padding:6px 16px;font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--gray);background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:999px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.focus-preset:hover{color:var(--white);border-color:#d4af374d;background:var(--bg-card-hover)}.focus-preset.active{background:var(--gold-muted);color:var(--gold);border-color:var(--gold)}.focus-time-inputs{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xs)}.focus-time-group{display:flex;flex-direction:column;align-items:center;gap:4px}.focus-time-input{width:72px;text-align:center;background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:10px;color:var(--white);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;outline:none;transition:all var(--duration-fast) var(--ease-out);-moz-appearance:textfield;appearance:textfield}.focus-time-input::-webkit-outer-spin-button,.focus-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.focus-time-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af371a}.focus-time-label{font-size:.72rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.focus-time-separator{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--gray-dark);margin-top:-16px}.focus-start-btn{width:100%;justify-content:center;padding:14px;font-size:1rem;margin-top:var(--space-sm)}.focus-start-btn:disabled{opacity:.5;cursor:not-allowed}.focus-history-section{max-width:520px;width:100%;margin-top:var(--space-xl);animation:fadeInUp var(--duration-slow) var(--ease-out) .2s both}.focus-history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);color:var(--white-muted);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.focus-history-toggle:hover{border-color:#d4af374d;background:var(--bg-card-hover)}.focus-history-arrow{font-size:.9rem;transition:transform var(--duration-fast) var(--ease-out)}.focus-history-arrow.open{transform:rotate(180deg)}.focus-history-list{display:flex;flex-direction:column;gap:1px;margin-top:var(--space-sm);background:var(--gray-border);border:1px solid var(--gray-border);border-radius:var(--radius-md);overflow:hidden;max-height:400px;overflow-y:auto}.focus-history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--bg-card);gap:var(--space-md)}.focus-history-item-left{display:flex;align-items:center;gap:var(--space-md);min-width:0;flex:1}.focus-history-mode{font-size:1.1rem;flex-shrink:0}.focus-history-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.focus-history-exam{font-size:.85rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-history-topic{font-size:.78rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-history-item-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.focus-history-duration{font-family:var(--font-heading);font-size:.85rem;font-weight:600;color:var(--gold)}.focus-history-pomo{font-size:.75rem;color:var(--gray)}.focus-history-date{font-size:.72rem;color:var(--gray-dark);white-space:nowrap}.focus-timer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-2xl) var(--space-lg);animation:fadeInUp var(--duration-slow) var(--ease-out) both}.focus-timer-meta{display:flex;align-items:center;gap:var(--space-sm);padding:8px 20px;background:var(--bg-card);border:1px solid var(--gray-border);border-radius:999px}.focus-timer-exam{font-size:.88rem;font-weight:600;color:var(--gold)}.focus-timer-dot{color:var(--gray-dark)}.focus-timer-topic{font-size:.88rem;color:var(--white-muted)}.focus-pomo-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.focus-pomo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;border-radius:999px;background:var(--gold-muted);color:var(--gold);border:1px solid rgba(212,175,55,.3)}.focus-pomo-badge.break{background:var(--success-muted);color:var(--success);border-color:#4ade804d}.focus-pomo-counter{font-size:.78rem;color:var(--gray)}.focus-pomo-dots{display:flex;gap:6px}.focus-pomo-dot{width:10px;height:10px;border-radius:50%;background:var(--gray-border);border:1px solid var(--gray-dark);transition:all var(--duration-fast) var(--ease-out)}.focus-pomo-dot.done{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px #d4af3766}.focus-pomo-dot.current{border-color:var(--gold);animation:pomoPulse 1.5s ease-in-out infinite}@keyframes pomoPulse{0%,to{box-shadow:0 0 #d4af3766}50%{box-shadow:0 0 0 4px #d4af3726}}.focus-timer-ring{position:relative;width:300px;height:300px}.focus-ring-svg{width:100%;height:100%}.focus-ring-progress{transition:stroke-dashoffset 1s linear}.focus-timer-display{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm)}.focus-timer-time{font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:var(--white);letter-spacing:-.02em;transition:opacity var(--duration-fast) var(--ease-out)}.focus-timer-time.paused{animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.focus-timer-status{font-size:.85rem;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.focus-timer-controls{display:flex;gap:var(--space-md)}.focus-control-btn{min-width:140px;justify-content:center}.focus-reset-btn{border-color:var(--gray-border);color:var(--gray)}.focus-reset-btn:hover{border-color:#f87171;color:#f87171;background:#f871711a}.focus-timer-tip{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-md) var(--space-lg);background:var(--gold-muted);border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-md);max-width:420px}.focus-tip-icon{font-size:1.2rem;flex-shrink:0}.focus-timer-tip p{font-size:.82rem;color:var(--gold-light);line-height:1.5}.focus-finished{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);animation:fadeInUp var(--duration-slow) var(--ease-out) both}.focus-finished-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-lg);text-align:center;max-width:480px;width:100%}.focus-finished-icon{font-size:4rem}.focus-finished-title{font-size:2rem;font-weight:700}.focus-finished-details{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--gray-border)}.focus-finished-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.focus-finished-item:not(:last-child){border-bottom:1px solid var(--gray-border)}.focus-finished-label{font-size:.82rem;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.focus-finished-value{font-size:.95rem;color:var(--white);font-weight:500}.focus-finished-msg{font-size:.9rem;color:var(--gray);line-height:1.6}.focus-saving-msg{font-size:.85rem;color:var(--gold);font-weight:500}.focus-finished-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.focus-mark-done-btn{border-color:var(--success);color:var(--success);font-size:.88rem;padding:10px 20px;border-radius:var(--radius-md)}.focus-mark-done-btn:hover{background:var(--success-muted)}.focus-mark-done-btn:disabled{opacity:.6;cursor:wait}.focus-already-done{font-size:.88rem;color:var(--success);font-weight:500}@media(max-width:768px){.focus-page{align-items:flex-start;padding-top:80px}.focus-setup{padding:var(--space-xl) var(--space-md)}.focus-form{padding:var(--space-lg)}.focus-presets{justify-content:flex-start}.focus-preset{padding:8px 14px;font-size:.78rem}.focus-stats-bar{grid-template-columns:repeat(2,1fr)}.focus-timer-ring{width:250px;height:250px}.focus-timer-controls{flex-direction:column;width:100%;max-width:280px}.focus-control-btn{width:100%}.focus-finished-card{padding:var(--space-xl) var(--space-lg)}.focus-timer-meta{flex-wrap:wrap;justify-content:center;text-align:center;padding:8px var(--space-md)}.focus-timer-tip{max-width:100%}.focus-history-section{padding:0 var(--space-md)}.focus-history-item{padding:var(--space-sm) var(--space-md)}}@media(max-width:480px){.focus-page{padding-top:72px}.focus-setup{padding:var(--space-lg) var(--space-sm)}.focus-setup-icon{font-size:2.4rem}.focus-form{padding:var(--space-md);gap:var(--space-md)}.focus-input,.focus-select{padding:10px var(--space-md);font-size:.9rem}.focus-time-input{width:60px;font-size:1.2rem;padding:8px}.focus-time-separator{font-size:1.2rem}.focus-stats-bar{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.focus-stat-card{padding:var(--space-sm)}.focus-stat-value{font-size:1rem}.focus-timer-ring{width:200px;height:200px}.focus-timer-meta{font-size:.8rem;padding:6px var(--space-sm)}.focus-timer-exam,.focus-timer-topic{font-size:.78rem}.focus-timer{gap:var(--space-lg);padding:var(--space-xl) var(--space-sm)}.focus-timer-controls{max-width:100%}.focus-finished-card{padding:var(--space-lg) var(--space-md)}.focus-finished-icon{font-size:3rem}.focus-finished-title{font-size:1.5rem}.focus-mark-done-btn{font-size:.8rem;padding:8px 14px}.focus-history-section{padding:0 var(--space-sm)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);background:var(--bg-primary);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,var(--gold-muted) 0%,transparent 70%);pointer-events:none;z-index:0}.auth-container{width:100%;max-width:440px;position:relative;z-index:1}.auth-card{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-elevated)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--white);text-decoration:none;margin-bottom:var(--space-lg)}.auth-logo .logo-icon{color:var(--gold);font-size:1.3rem}.auth-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--white);margin-bottom:var(--space-xs)}.auth-subtitle{color:var(--gray);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:600;color:var(--white-muted);letter-spacing:.02em}.form-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-input::placeholder{color:var(--gray-dark)}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-muted)}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.password-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray);cursor:pointer;font-size:1.1rem;padding:4px;transition:color var(--duration-fast) var(--ease-out)}.password-toggle:hover{color:var(--gold)}.form-error{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#fca5a5;font-size:.85rem}.form-error-icon{font-size:1rem;flex-shrink:0}.auth-btn{width:100%;padding:13px 24px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#0a0a0a;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:700;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);margin-top:var(--space-sm)}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-gold)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn .spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(10,10,10,.3);border-top-color:#0a0a0a;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:var(--space-lg);color:var(--gray);font-size:.9rem}.auth-footer a{color:var(--gold);text-decoration:none;font-weight:600;transition:color var(--duration-fast) var(--ease-out)}.auth-footer a:hover{color:var(--gold-light)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-md) 0;color:var(--gray-dark);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-border)}.guest-note{text-align:center;margin-top:var(--space-md);padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.82rem;line-height:1.5}.guest-note strong{color:var(--white-muted)}@media(max-width:480px){.auth-page{padding:var(--space-lg) var(--space-md);align-items:flex-start;padding-top:100px}.auth-card{padding:var(--space-lg)}.auth-title{font-size:1.5rem}.auth-logo{font-size:1.3rem}}.dashboard-page{padding-top:64px;min-height:100vh}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);gap:var(--space-lg);color:var(--gray)}.dashboard-spinner{width:40px;height:40px;border:3px solid var(--gray-border);border-top-color:var(--gold);border-radius:50%;animation:dash-spin .8s linear infinite}@keyframes dash-spin{to{transform:rotate(360deg)}}.dashboard-hero{position:relative;padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden}.dashboard-hero-bg{position:absolute;inset:0;pointer-events:none}.dashboard-hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--gold);filter:blur(160px);opacity:.06;top:-220px;left:30%}.dashboard-hero-glow-2{position:absolute;width:350px;height:350px;border-radius:50%;background:var(--gold-light);filter:blur(120px);opacity:.04;bottom:-150px;right:10%}.dashboard-hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.dashboard-welcome{display:flex;align-items:center;gap:var(--space-lg)}.dashboard-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dark));display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--bg-primary);flex-shrink:0;box-shadow:0 0 30px #d4af3726}.dashboard-greeting-text{font-size:.9rem;color:var(--gray);margin-bottom:2px}.dashboard-user-name{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.2}.dashboard-tagline{font-size:.88rem;color:var(--gray);margin-top:4px}.dashboard-quick-actions{display:flex;gap:var(--space-sm)}.dashboard-action-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;border:1px solid var(--gray-border);white-space:nowrap}.action-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);border-color:transparent}.action-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #d4af374d}.action-secondary{background:var(--bg-card);color:var(--text-primary)}.action-secondary:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.action-icon{font-size:1.05rem}.dashboard-stats-section{margin-top:calc(-1 * var(--space-xl));position:relative;z-index:2}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md)}.dashboard-stat-card{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);transition:all .25s;position:relative;overflow:hidden}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold);opacity:0;transition:opacity .25s}.dashboard-stat-card:hover{border-color:#d4af374d;transform:translateY(-3px);box-shadow:0 8px 32px #0000004d}.dashboard-stat-card:hover:before{opacity:1}.stat-icon-wrapper{font-size:1.5rem;line-height:1}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:.78rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.stat-badge{font-size:.72rem;color:var(--gold);margin-top:auto;font-weight:500}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl)}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:var(--space-xl)}.dashboard-card{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-xl);transition:border-color .25s}.dashboard-card:hover{border-color:#d4af3733}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.dashboard-card-title{font-size:1.1rem;font-weight:700}.dashboard-card-subtitle{font-size:.8rem;color:var(--gray)}.dashboard-card-link{font-size:.82rem;color:var(--gold);text-decoration:none;font-weight:500;transition:opacity .2s}.dashboard-card-link:hover{opacity:.8}.dashboard-empty-mini{text-align:center;padding:var(--space-xl) 0;color:var(--gray)}.dashboard-empty-mini p{margin-bottom:var(--space-md);font-size:.9rem}.dashboard-weekly-chart{min-height:180px}.chart-loading{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--gray);font-size:.9rem}.chart-bars{display:flex;align-items:flex-end;gap:var(--space-sm);height:160px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);height:100%;position:relative}.chart-bar-tooltip{position:absolute;bottom:calc(100% + 8px);background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.72rem;color:var(--text-primary);text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}.chart-bar-col:hover .chart-bar-tooltip{opacity:1}.chart-bar-track{flex:1;width:100%;max-width:40px;background:#ffffff0a;border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.chart-bar-fill{width:100%;border-radius:var(--radius-sm);background:#d4af3726;transition:height .5s cubic-bezier(.22,1,.36,1);min-height:0}.chart-bar-fill.active{background:linear-gradient(to top,var(--gold-dark),var(--gold))}.chart-bar-label{font-size:.72rem;color:var(--gray);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;color:var(--gray);gap:var(--space-md);font-size:.9rem}.dashboard-subject-list{display:flex;flex-direction:column;gap:var(--space-md)}.subject-row{display:grid;grid-template-columns:1fr 140px 40px;align-items:center;gap:var(--space-sm)}.subject-info{display:flex;flex-direction:column;gap:2px;min-width:0}.subject-name{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-meta{font-size:.72rem;color:var(--gray)}.subject-bar-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.subject-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));border-radius:3px;transition:width .5s cubic-bezier(.22,1,.36,1);min-width:4px}.subject-pct{font-size:.78rem;font-weight:600;color:var(--gold);text-align:right}.dashboard-exam-list{display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard-exam-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);border:1px solid transparent;transition:all .2s}.dashboard-exam-row:hover{background:#ffffff08;border-color:var(--gray-border)}.exam-row-icon{font-size:1.3rem;flex-shrink:0}.exam-row-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.exam-row-name{font-size:.88rem;font-weight:600}.exam-row-bar{height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.exam-row-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));border-radius:3px;transition:width .5s}.exam-row-pct{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--gold);flex-shrink:0;min-width:40px;text-align:right}.dashboard-history-list{display:flex;flex-direction:column;gap:2px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:background .2s}.history-row:hover{background:#ffffff08}.history-row-left{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.history-mode-badge{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;background:#ffffff0d;border:1px solid var(--gray-border)}.history-mode-badge.pomodoro{background:#d4af371a;border-color:#d4af3740}.history-row-info{display:flex;flex-direction:column;gap:1px;min-width:0}.history-topic{font-size:.84rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-exam{font-size:.72rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.history-duration{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--gold)}.history-date{font-size:.7rem;color:var(--gray)}.dashboard-show-more{display:block;width:100%;padding:var(--space-md);margin-top:var(--space-sm);background:none;border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gold);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.dashboard-show-more:hover{border-color:var(--gold);background:#d4af370d}@media(max-width:1200px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dashboard-content{grid-template-columns:1fr}.dashboard-hero-content{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.dashboard-quick-actions{width:100%;justify-content:flex-start}}@media(max-width:768px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-hero{padding:var(--space-2xl) 0 var(--space-xl)}.dashboard-avatar{width:52px;height:52px;font-size:1.3rem}.subject-row{grid-template-columns:1fr 100px 36px}}@media(max-width:480px){.dashboard-stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.dashboard-stat-card{padding:var(--space-md)}.stat-value{font-size:1.25rem}.dashboard-quick-actions{flex-wrap:wrap}.dashboard-action-btn{flex:1;justify-content:center;padding:8px 12px;font-size:.8rem}.dashboard-card{padding:var(--space-lg)}.chart-bars{height:120px;gap:4px}.subject-row{grid-template-columns:1fr;gap:4px}.subject-bar-track{width:100%}.subject-pct{text-align:left}.history-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.04)}.history-row-right{align-items:flex-start;flex-direction:row;gap:var(--space-sm)}}.tools-page{padding-top:64px;min-height:100vh}.tools-hero{position:relative;padding:var(--space-3xl) 0 var(--space-2xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden;text-align:center}.tools-hero-bg{position:absolute;inset:0;pointer-events:none}.tools-hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--gold);filter:blur(160px);opacity:.06;top:-220px;left:30%}.tools-hero-glow-2{position:absolute;width:350px;height:350px;border-radius:50%;background:#60a5fa;filter:blur(140px);opacity:.04;bottom:-150px;right:15%}.tools-hero-content{position:relative;z-index:1}.tools-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:var(--space-md)}.tools-hero-desc{font-size:1rem;color:var(--gray);max-width:550px;margin:0 auto}.tools-grid-section{padding:var(--space-3xl) 0 var(--space-4xl)}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.tool-card{position:relative;display:flex;flex-direction:column;padding:var(--space-xl) var(--space-xl) var(--space-lg);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);text-decoration:none;color:var(--white);transition:all .3s var(--ease-out);overflow:hidden}.tool-card:hover{border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 12px 40px #0006}.tool-card-glow{position:absolute;top:-60px;right:-60px;width:120px;height:120px;border-radius:50%;filter:blur(60px);opacity:.08;transition:opacity .3s}.tool-card:hover .tool-card-glow{opacity:.15}.tool-card-icon{font-size:2.5rem;margin-bottom:var(--space-md);line-height:1}.tool-card-title{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-sm)}.tool-card-desc{font-size:.88rem;color:var(--gray);line-height:1.5;flex:1}.tool-card-cta{margin-top:var(--space-lg);font-size:.85rem;font-weight:600;transition:opacity .2s}.tool-card:hover .tool-card-cta{opacity:.8}.tools-note{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:#d4af370d;border:1px solid rgba(212,175,55,.15);border-radius:var(--radius-md)}.tools-note-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.tools-note p{font-size:.88rem;color:var(--gray);line-height:1.5}.tools-note strong{color:var(--gold)}@media(max-width:768px){.tools-grid{grid-template-columns:1fr;gap:var(--space-lg)}.tools-hero{padding:var(--space-2xl) 0 var(--space-xl)}}@media(max-width:480px){.tool-card{padding:var(--space-lg)}.tool-card-icon{font-size:2rem}}.todo-tool-page{padding-top:64px;min-height:100vh}.todo-tool-hero{position:relative;padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden;text-align:center}.todo-tool-hero-bg{position:absolute;inset:0;pointer-events:none}.todo-tool-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#4ade80;filter:blur(160px);opacity:.05;top:-180px;left:50%;transform:translate(-50%)}.todo-tool-hero-content{position:relative;z-index:1}.todo-tool-back{display:inline-block;font-size:.82rem;color:var(--gold);text-decoration:none;margin-bottom:var(--space-md);transition:opacity .2s}.todo-tool-back:hover{opacity:.7}.todo-tool-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:var(--space-sm)}.todo-tool-desc{font-size:.92rem;color:var(--gray)}.todo-tool-guest-note{color:var(--gold);font-weight:500}.todo-tool-content{padding:var(--space-2xl) 0 var(--space-4xl);max-width:720px;margin:0 auto}.todo-add-form{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.todo-add-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.todo-add-input{flex:1;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.92rem;font-family:var(--font-body);outline:none;transition:border-color .2s}.todo-add-input:focus{border-color:var(--gold)}.todo-add-input::placeholder{color:var(--gray-dark)}.todo-add-btn{padding:12px 24px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s;white-space:nowrap}.todo-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #d4af374d}.todo-add-btn:disabled{opacity:.5;cursor:not-allowed}.todo-add-options{display:flex;gap:var(--space-sm);flex-wrap:wrap}.todo-select{padding:8px 12px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.82rem;font-family:var(--font-body);cursor:pointer;outline:none;transition:border-color .2s}.todo-select:focus{border-color:var(--gold)}.todo-date-input{padding:8px 12px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.82rem;font-family:var(--font-body);outline:none;transition:border-color .2s;color-scheme:dark}.todo-date-input:focus{border-color:var(--gold)}.todo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.todo-stats{display:flex;align-items:center;gap:var(--space-sm);font-size:.82rem;color:var(--gray)}.todo-stat-divider{color:var(--gray-dark)}.todo-filters{display:flex;align-items:center;gap:var(--space-xs)}.todo-filter-btn{padding:6px 14px;background:none;border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.78rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.todo-filter-btn:hover{border-color:var(--gold);color:var(--gold)}.todo-filter-btn.active{background:var(--gold-muted);border-color:var(--gold);color:var(--gold);font-weight:600}.todo-category-filter{margin-left:var(--space-sm)}.todo-list{display:flex;flex-direction:column;gap:2px}.todo-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-sm);transition:all .2s}.todo-item:hover{border-color:#d4af3733}.todo-item.completed{opacity:.55}.todo-item.overdue{border-left:3px solid #EF4444}.todo-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--gray-border);background:none;color:var(--gold);font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-top:2px;transition:all .2s}.todo-item.completed .todo-check{background:var(--gold);border-color:var(--gold);color:var(--bg-primary)}.todo-check:hover{border-color:var(--gold)}.todo-item-body{flex:1;min-width:0}.todo-item-text{display:block;font-size:.92rem;color:var(--white);word-break:break-word;cursor:default}.todo-item.completed .todo-item-text{text-decoration:line-through;color:var(--gray)}.todo-edit-input{width:100%;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--white);font-size:.92rem;font-family:var(--font-body);outline:none}.todo-item-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:6px;flex-wrap:wrap}.todo-priority-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border:1px solid;border-radius:10px;text-transform:uppercase;letter-spacing:.04em}.todo-category-badge{font-size:.7rem;color:var(--gray);padding:2px 8px;background:#ffffff0d;border-radius:10px}.todo-due{font-size:.72rem;color:var(--gray)}.todo-due.overdue{color:#ef4444;font-weight:600}.todo-item-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .2s}.todo-item:hover .todo-item-actions{opacity:1}.todo-action-btn{background:none;border:none;font-size:.85rem;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.todo-action-btn:hover{background:#ffffff14}.todo-loading,.todo-empty{text-align:center;padding:var(--space-3xl);color:var(--gray)}.todo-empty-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.todo-empty p{font-size:.92rem}.todo-clear-btn{display:block;width:100%;margin-top:var(--space-lg);padding:var(--space-md);background:none;border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.82rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.todo-clear-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44440d}@media(max-width:768px){.todo-tool-content{padding-left:var(--space-md);padding-right:var(--space-md)}.todo-add-row,.todo-add-options{flex-direction:column}.todo-toolbar{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.todo-filters{flex-wrap:wrap}.todo-item-actions{opacity:1}.todo-item{padding:var(--space-md)}}@media(max-width:480px){.todo-tool-content{padding-left:var(--space-sm);padding-right:var(--space-sm)}.todo-item{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.todo-item-text{font-size:.85rem}.todo-item-meta{gap:4px}.todo-filter-btn{font-size:.72rem;padding:5px 10px}.todo-category-filter{font-size:.78rem;padding:5px 8px}.todo-stats{flex-wrap:wrap;gap:var(--space-sm)}}.calc-page{padding-top:64px;min-height:100vh}.calc-hero{position:relative;padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden;text-align:center}.calc-hero-bg{position:absolute;inset:0;pointer-events:none}.calc-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#60a5fa;filter:blur(160px);opacity:.05;top:-180px;left:50%;transform:translate(-50%)}.calc-hero-content{position:relative;z-index:1}.calc-back{display:inline-block;font-size:.82rem;color:var(--gold);text-decoration:none;margin-bottom:var(--space-md);transition:opacity .2s}.calc-back:hover{opacity:.7}.calc-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:var(--space-sm)}.calc-desc{font-size:.92rem;color:var(--gray)}.calc-content{padding:var(--space-2xl) 0 var(--space-4xl);max-width:680px;margin:0 auto}.calc-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-xl);overflow-x:auto}.calc-tab{flex:1;padding:10px 16px;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray);font-size:.82rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s;white-space:nowrap}.calc-tab:hover{color:var(--white)}.calc-tab.active{background:var(--gold-muted);color:var(--gold);font-weight:700}.calc-panel{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-xl)}.calc-form{display:flex;flex-direction:column;gap:var(--space-lg)}.calc-formula-box{display:flex;flex-direction:column;gap:4px;padding:var(--space-md) var(--space-lg);background:#d4af370d;border:1px solid rgba(212,175,55,.15);border-radius:var(--radius-sm)}.calc-formula-label{font-size:.72rem;color:var(--gold);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.calc-formula{font-family:Courier New,monospace;font-size:.92rem;color:var(--white)}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.calc-field{display:flex;flex-direction:column;gap:6px}.calc-field.full{grid-column:1 / -1}.calc-label{font-size:.8rem;color:var(--gray);font-weight:500}.calc-input{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.92rem;font-family:var(--font-body);outline:none;transition:border-color .2s;appearance:textfield;-moz-appearance:textfield}.calc-input::-webkit-outer-spin-button,.calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-input:focus{border-color:var(--gold)}.calc-mode-toggle{display:flex;gap:4px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);padding:3px}.calc-mode-btn{flex:1;padding:8px 12px;background:none;border:none;border-radius:4px;color:var(--gray);font-size:.82rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .2s}.calc-mode-btn.active{background:var(--gold-muted);color:var(--gold);font-weight:700}.calc-results{display:flex;gap:var(--space-md);flex-wrap:wrap}.calc-result-item{flex:1;min-width:120px;display:flex;flex-direction:column;gap:4px;padding:var(--space-md);background:#ffffff08;border:1px solid var(--gray-border);border-radius:var(--radius-sm)}.calc-result-item.highlight{background:#d4af370f;border-color:#d4af3740}.calc-result-label{font-size:.72rem;color:var(--gray);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.calc-result-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--white)}.calc-result-item.highlight .calc-result-value{color:var(--gold)}@media(max-width:768px){.calc-content{padding-left:var(--space-md);padding-right:var(--space-md)}.calc-tabs{gap:2px}.calc-tab{padding:8px 12px;font-size:.78rem}.calc-panel{padding:var(--space-lg)}.calc-fields{grid-template-columns:1fr}.calc-results{flex-direction:column}.calc-mode-toggle{flex-wrap:wrap}}@media(max-width:480px){.calc-content{padding-left:var(--space-sm);padding-right:var(--space-sm)}.calc-tabs{gap:1px;padding:2px}.calc-tab{padding:6px 8px;font-size:.72rem}.calc-panel{padding:var(--space-md)}.calc-result-value{font-size:1.1rem}.calc-formula-box{font-size:.78rem;padding:var(--space-sm) var(--space-md)}}.countdown-page{padding-top:64px;min-height:100vh}.countdown-hero{position:relative;padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden;text-align:center}.countdown-hero-bg{position:absolute;inset:0;pointer-events:none}.countdown-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#f59e0b;filter:blur(160px);opacity:.05;top:-180px;left:50%;transform:translate(-50%)}.countdown-hero-content{position:relative;z-index:1}.countdown-back{display:inline-block;font-size:.82rem;color:var(--gold);text-decoration:none;margin-bottom:var(--space-md);transition:opacity .2s}.countdown-back:hover{opacity:.7}.countdown-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:var(--space-sm)}.countdown-desc{font-size:.92rem;color:var(--gray)}.countdown-guest-note{color:var(--gold);font-weight:500}.countdown-content{padding:var(--space-2xl) 0 var(--space-4xl);max-width:800px;margin:0 auto}.countdown-add-trigger{display:block;width:100%;padding:var(--space-lg);background:var(--bg-card);border:2px dashed var(--gray-border);border-radius:var(--radius-md);color:var(--gold);font-size:.92rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s;margin-bottom:var(--space-2xl)}.countdown-add-trigger:hover{border-color:var(--gold);background:#d4af370d}.countdown-form{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-2xl)}.countdown-form-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-lg)}.countdown-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.countdown-field{display:flex;flex-direction:column;gap:6px}.countdown-label{font-size:.8rem;color:var(--gray);font-weight:500}.countdown-input{padding:10px 14px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.92rem;font-family:var(--font-body);outline:none;transition:border-color .2s;color-scheme:dark}.countdown-input:focus{border-color:var(--gold)}.countdown-colors{margin-bottom:var(--space-lg)}.countdown-color-options{display:flex;gap:var(--space-sm);margin-top:8px}.countdown-color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.countdown-color-btn.selected{border-color:var(--white);transform:scale(1.2);box-shadow:0 0 12px #fff3}.countdown-form-actions{display:flex;gap:var(--space-sm)}.countdown-save-btn{padding:10px 24px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.countdown-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #d4af374d}.countdown-save-btn:disabled{opacity:.5;cursor:not-allowed}.countdown-cancel-btn{padding:10px 20px;background:none;border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.88rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.countdown-cancel-btn:hover{border-color:var(--white);color:var(--white)}.countdown-loading,.countdown-empty{text-align:center;padding:var(--space-3xl);color:var(--gray)}.countdown-empty-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.countdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.countdown-card{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-xl);transition:all .25s;position:relative;overflow:hidden}.countdown-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, var(--gold))}.countdown-card:hover{border-color:#d4af3733;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.countdown-card.passed{opacity:.5}.countdown-card-top{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.countdown-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.countdown-card-name{font-size:1.05rem;font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countdown-delete-btn{background:none;border:none;color:var(--gray);font-size:1.3rem;cursor:pointer;line-height:1;padding:0 4px;transition:color .2s;flex-shrink:0}.countdown-delete-btn:hover{color:#ef4444}.countdown-card-date{font-size:.8rem;color:var(--gray);margin-bottom:var(--space-lg)}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:2px}.countdown-num{font-family:var(--font-heading);font-size:2rem;font-weight:700;line-height:1}.countdown-unit-label{font-size:.68rem;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}.countdown-sep{font-size:1.5rem;color:var(--gray-dark);font-weight:700;margin-bottom:14px}.countdown-passed-badge{text-align:center;padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:.82rem;color:#ef4444;font-weight:500}.countdown-urgent{text-align:center;margin-top:var(--space-md);font-size:.78rem;color:#f59e0b;font-weight:600}.countdown-urgent.critical{color:#ef4444}@media(max-width:768px){.countdown-grid,.countdown-form-fields{grid-template-columns:1fr}}@media(max-width:480px){.countdown-content{padding-left:var(--space-md);padding-right:var(--space-md)}.countdown-num{font-size:1.5rem}.countdown-card{padding:var(--space-lg)}}.planner-page{padding-top:64px;min-height:100vh}.planner-hero{position:relative;padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--gray-border);background:var(--bg-secondary);overflow:hidden;text-align:center}.planner-hero-bg{position:absolute;inset:0;pointer-events:none}.planner-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#a78bfa;filter:blur(160px);opacity:.05;top:-180px;left:50%;transform:translate(-50%)}.planner-hero-content{position:relative;z-index:1}.planner-back{display:inline-block;font-size:.82rem;color:var(--gold);text-decoration:none;margin-bottom:var(--space-md);transition:opacity .2s}.planner-back:hover{opacity:.7}.planner-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;margin-bottom:var(--space-sm)}.planner-desc{font-size:.92rem;color:var(--gray)}.planner-guest-note{color:var(--gold);font-weight:500}.planner-content{padding:var(--space-xl) 0 var(--space-4xl)}.planner-tabs{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.planner-tabs-list{display:flex;gap:var(--space-xs);flex-wrap:wrap}.planner-tab{display:flex;align-items:center;gap:var(--space-xs);padding:8px 16px;background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.planner-tab:hover{border-color:var(--gold);color:var(--white)}.planner-tab.active{background:#d4af371a;border-color:var(--gold);color:var(--gold);font-weight:600}.planner-tab-delete{font-size:1rem;opacity:0;transition:opacity .2s;line-height:1}.planner-tab:hover .planner-tab-delete{opacity:.6}.planner-tab-delete:hover{opacity:1!important;color:#ef4444}.planner-new-tab{padding:8px 16px;background:none;border:1px dashed var(--gray-border);border-radius:var(--radius-sm);color:var(--gold);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.planner-new-tab:hover{border-color:var(--gold)}.planner-new-form{display:flex;align-items:center;gap:var(--space-xs)}.planner-new-input{padding:6px 12px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.85rem;font-family:var(--font-body);outline:none;width:160px}.planner-new-input:focus{border-color:var(--gold)}.planner-new-save{padding:6px 14px;background:var(--gold);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;font-family:var(--font-body);cursor:pointer}.planner-new-cancel{background:none;border:none;color:var(--gray);font-size:1rem;cursor:pointer}.planner-loading,.planner-empty{text-align:center;padding:var(--space-3xl);color:var(--gray)}.planner-empty-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.planner-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.planner-stat{display:flex;align-items:baseline;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-sm);padding:10px 18px}.planner-stat-num{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--gold)}.planner-stat-label{font-size:.78rem;color:var(--gray)}.planner-legend{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.planner-legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem}.planner-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.planner-legend-name{color:var(--white);font-weight:500}.planner-legend-hrs{color:var(--gray)}.planner-grid-wrapper{overflow-x:auto;border:1px solid var(--gray-border);border-radius:var(--radius-md);background:var(--bg-card)}.planner-grid{display:grid;grid-template-columns:70px repeat(7,1fr);grid-template-rows:auto repeat(17,48px);min-width:700px}.planner-grid-corner{background:var(--bg-secondary);border-bottom:1px solid var(--gray-border);border-right:1px solid var(--gray-border);padding:10px}.planner-grid-day{background:var(--bg-secondary);border-bottom:1px solid var(--gray-border);border-right:1px solid var(--gray-border);padding:10px;font-size:.82rem;font-weight:700;text-align:center;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}.planner-grid-day:last-child{border-right:none}.planner-grid-time{padding:6px 8px;font-size:.72rem;color:var(--gray);text-align:right;border-right:1px solid var(--gray-border);border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:flex-start;justify-content:flex-end;min-height:48px}.planner-grid-cell{border-right:1px solid var(--gray-border);border-bottom:1px solid rgba(255,255,255,.03);min-height:48px;position:relative}.planner-grid-cell:last-child{border-right:none}.planner-grid-cell.empty{cursor:pointer;transition:background .15s}.planner-grid-cell.empty:hover{background:#d4af370d}.planner-cell-plus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--gray-dark);font-size:1rem;opacity:0;transition:opacity .15s}.planner-grid-cell.empty:hover .planner-cell-plus{opacity:.6}.planner-grid-cell.filled{padding:2px}.planner-slot{background:rgba(var(--slot-color-rgb, 212, 175, 55),.15);background:color-mix(in srgb,var(--slot-color) 15%,transparent);border-left:3px solid var(--slot-color);border-radius:4px;padding:6px 8px;height:100%;display:flex;flex-direction:column;justify-content:center;gap:2px;position:relative}.planner-slot-subject{font-size:.78rem;font-weight:700;color:var(--white);line-height:1.2}.planner-slot-time{font-size:.65rem;color:var(--gray)}.planner-slot-delete{position:absolute;top:2px;right:4px;background:none;border:none;color:var(--gray);font-size:.9rem;cursor:pointer;opacity:0;transition:opacity .15s;line-height:1;padding:0}.planner-slot:hover .planner-slot-delete{opacity:.6}.planner-slot-delete:hover{opacity:1!important;color:#ef4444}.planner-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.planner-modal{background:var(--bg-card);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:var(--space-xl);width:100%;max-width:400px}.planner-modal-title{font-size:1.05rem;font-weight:700;margin-bottom:var(--space-lg)}.planner-modal-field{margin-bottom:var(--space-lg)}.planner-modal-label{display:block;font-size:.8rem;color:var(--gray);margin-bottom:6px;font-weight:500}.planner-modal-select{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.88rem;font-family:var(--font-body);outline:none;color-scheme:dark}.planner-modal-select:focus{border-color:var(--gold)}.planner-modal-input{width:100%;padding:10px 14px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--white);font-size:.88rem;font-family:var(--font-body);outline:none;margin-top:var(--space-sm)}.planner-modal-input:focus{border-color:var(--gold)}.planner-duration-btns{display:flex;gap:var(--space-sm)}.planner-dur-btn{flex:1;padding:8px;background:var(--bg-primary);border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.85rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.planner-dur-btn:hover{border-color:var(--gold);color:var(--white)}.planner-dur-btn.active{background:#d4af3726;border-color:var(--gold);color:var(--gold);font-weight:600}.planner-color-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.planner-color-pick{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.planner-color-pick.selected{border-color:var(--white);transform:scale(1.2);box-shadow:0 0 10px #fff3}.planner-modal-actions{display:flex;gap:var(--space-sm)}.planner-modal-save{padding:10px 24px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:.88rem;font-family:var(--font-body);cursor:pointer;transition:all .2s}.planner-modal-save:hover{transform:translateY(-1px);box-shadow:0 4px 16px #d4af374d}.planner-modal-cancel{padding:10px 20px;background:none;border:1px solid var(--gray-border);border-radius:var(--radius-sm);color:var(--gray);font-size:.88rem;font-family:var(--font-body);cursor:pointer}.planner-modal-cancel:hover{border-color:var(--white);color:var(--white)}@media(max-width:768px){.planner-content{padding-left:var(--space-md);padding-right:var(--space-md)}.planner-stats{flex-wrap:wrap}.planner-stat{flex:1;min-width:100px}.planner-tabs{flex-direction:column;align-items:flex-start}.planner-tabs-list{width:100%;overflow-x:auto}.planner-grid-wrapper{margin:0 calc(-1 * var(--space-md));border-radius:0;border-left:none;border-right:none}.planner-legend{gap:var(--space-sm)}.planner-modal{max-width:100%;margin:var(--space-md)}.planner-duration-btns{flex-wrap:wrap}.planner-modal-actions{flex-direction:column}.planner-modal-save,.planner-modal-cancel{width:100%;text-align:center;justify-content:center}}@media(max-width:480px){.planner-content{padding-left:var(--space-sm);padding-right:var(--space-sm)}.planner-stats{flex-direction:column}.planner-stat{min-width:unset}.planner-grid-wrapper{margin:0 calc(-1 * var(--space-sm))}.planner-grid{grid-template-columns:50px repeat(7,1fr);min-width:560px;grid-template-rows:auto repeat(17,40px)}.planner-grid-time{font-size:.62rem;padding:4px;min-height:40px}.planner-grid-day{font-size:.7rem;padding:6px 2px}.planner-slot-subject{font-size:.68rem}.planner-slot-time{font-size:.58rem}.planner-tab{font-size:.78rem;padding:6px 12px}.planner-new-input{width:120px;font-size:.78rem}}#root{min-height:100vh;display:flex;flex-direction:column}