@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_8b3a0b{font-family:Inter,Inter Fallback;font-style:normal}.__variable_8b3a0b{--font-inter:"Inter","Inter Fallback"}:root{--primary-50:#e3f2fd;--primary-100:#bbdefb;--primary-200:#90caf9;--primary-300:#64b5f6;--primary-400:#42a5f5;--primary-500:#0d47a1;--primary-600:#0b3d8c;--primary-700:#093377;--primary-800:#072962;--primary-900:#051f4d;--secondary-50:#e0f7fa;--secondary-100:#b2ebf2;--secondary-200:#80deea;--secondary-300:#4dd0e1;--secondary-400:#26c6da;--secondary-500:#00acc1;--secondary-600:#0097a7;--secondary-700:#00838f;--secondary-800:#006064;--secondary-900:#004d50;--accent-gold:#ffb300;--accent-gold-light:#ffca28;--accent-gold-dark:#ff8f00;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--black:#000;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff}html[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#64748b}:root{--font-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono","SF Mono",Monaco,monospace}.text-display{font-size:56px;line-height:1.1;letter-spacing:-.02em}.text-display,.text-h1{font-family:var(--font-heading);font-weight:700;color:var(--text-primary)}.text-h1{font-size:44px;line-height:1.15;letter-spacing:-.01em}.text-h2{font-size:32px;line-height:1.25;letter-spacing:-.01em}.text-h2,.text-h3{font-family:var(--font-heading);font-weight:600;color:var(--text-primary)}.text-h3{font-size:24px;line-height:1.3;letter-spacing:0}.text-h4{font-family:var(--font-heading);font-size:20px;line-height:1.4;font-weight:600;letter-spacing:0;color:var(--text-primary)}.text-body-lg{font-size:18px}.text-body,.text-body-lg{font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--text-primary)}.text-body{font-size:16px}.text-body-sm{font-size:14px;line-height:1.5;font-weight:400;color:var(--text-secondary)}.text-body-sm,.text-caption{font-family:var(--font-body)}.text-caption{font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}@media (max-width:768px){.text-display{font-size:36px}.text-h1{font-size:32px}.text-h2{font-size:24px}.text-h3{font-size:20px}.text-h4{font-size:18px}.text-body-lg{font-size:17px}}:root{--space-unit:8px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:128px}.btn{font-family:var(--font-body);font-size:16px;font-weight:600;padding:14px 28px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:var(--white);box-shadow:0 1px 3px rgba(13,71,161,.12),0 1px 2px rgba(13,71,161,.24)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(13,71,161,.16),0 2px 4px rgba(13,71,161,.28)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(13,71,161,.16)}.btn-primary:focus{outline:2px solid var(--primary-400);outline-offset:2px}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--white);color:var(--primary-500);border:2px solid var(--primary-500)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-600);color:var(--primary-600)}.btn-text{background:transparent;color:var(--primary-500);padding:8px 16px}.btn-text:hover{color:var(--primary-600)}.card{background:var(--bg-elevated);border-radius:12px;padding:24px;border:1px solid var(--gray-200);box-shadow:0 1px 3px rgba(0,0,0,.04);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.card-elevated{box-shadow:0 4px 16px rgba(0,0,0,.08)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.section{padding:96px 48px}@media (max-width:1024px){.section{padding:64px 32px}}@media (max-width:768px){.section{padding:48px 16px}}:root{--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-snappy:cubic-bezier(0.4,0,0.6,1);--transition-fast:150ms var(--ease-smooth);--transition-base:200ms var(--ease-smooth);--transition-slow:300ms var(--ease-smooth)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px)}.animate-fade-in{animation:fadeIn .6s var(--ease-smooth) forwards}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.max-w-narrow{max-width:800px}.max-w-content{max-width:1200px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%)}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(0,172,193,.15) 0,transparent 50%),radial-gradient(ellipse at bottom left,rgba(66,165,245,.15) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:var(--space-12) var(--space-6)}.hero-text-container{max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp .8s ease-out}.hero-icon-wrapper{margin-bottom:var(--space-6)}.hero-icon-background{width:100px;height:100px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.hero-icon{font-size:56px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hero-title{font-size:clamp(48px,8vw,72px);font-weight:700;color:var(--white);margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.1}.hero-subtitle{font-size:clamp(20px,3vw,28px);font-weight:500;color:var(--white);opacity:.95;margin-bottom:var(--space-5);line-height:1.4}.hero-description{font-size:clamp(16px,2vw,18px);color:var(--white);opacity:.85;margin-bottom:var(--space-8);line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-8)}.btn-lg{padding:16px 32px;font-size:18px}.trust-indicators{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;padding-top:var(--space-6);border-top:1px solid hsla(0,0%,100%,.2)}.trust-indicator{display:flex;align-items:center;gap:var(--space-2);color:var(--white);font-size:14px;font-weight:500}.trust-icon{width:20px;height:20px;opacity:.9}.wave-divider{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}.features-section{background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--space-10);max-width:700px;margin-left:auto;margin-right:auto}.section-subtitle{margin-top:var(--space-4)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.feature-card{background:var(--bg-elevated);padding:var(--space-6);border-radius:16px;border:1px solid var(--gray-200);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:var(--primary-200)}.feature-icon-wrapper{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4) auto}.feature-icon{font-size:36px}.age-range-section{background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%)}.age-range-card{background:var(--white);border-radius:24px;padding:var(--space-8);box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid var(--primary-200)}.age-range-content{text-align:center;max-width:800px;margin:0 auto}.age-range-stats{display:flex;gap:var(--space-6);justify-content:center;align-items:center;flex-wrap:wrap;padding:var(--space-6);background:var(--bg-secondary);border-radius:16px}.stat-item{text-align:center}.stat-value{font-size:48px;font-weight:700;color:var(--primary-600);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:60px;background:var(--gray-300)}.cta-section{background:var(--bg-secondary)}.cta-card{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);padding:var(--space-10) var(--space-6);border-radius:24px;text-align:center;color:var(--white);box-shadow:0 20px 40px rgba(13,71,161,.3);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,hsla(0,0%,100%,.1) 0,transparent 60%);pointer-events:none}.cta-card>*{position:relative;z-index:1}.cta-icon-wrapper{width:80px;height:80px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5) auto;border:1px solid hsla(0,0%,100%,.2)}.cta-icon{width:40px;height:40px;color:var(--white)}.footer{background:var(--gray-900);padding:var(--space-8) 0;color:var(--text-inverse)}.footer-content{flex-direction:column;gap:var(--space-6);text-align:center}.footer-brand,.footer-content{display:flex;align-items:center}.footer-brand{gap:var(--space-4)}.footer-logo{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.footer-brand-text{text-align:left}.footer-brand-name{font-size:24px;font-weight:700;margin-bottom:var(--space-1)}.footer-brand-tagline{font-size:14px;opacity:.7}.footer-info{opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-content{padding:var(--space-10) var(--space-5)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5)}.age-range-stats{gap:var(--space-4)}.stat-value{font-size:40px}.stat-divider{height:50px}}@media (max-width:768px){.hero-section{min-height:auto;padding:var(--space-8) 0}.hero-content{padding:var(--space-8) var(--space-4)}.hero-icon-background{width:80px;height:80px;border-radius:20px}.hero-icon{font-size:48px}.hero-cta-group{flex-direction:column;align-items:stretch;gap:var(--space-3)}.hero-cta-group .btn{width:100%;justify-content:center}.trust-indicators{flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.wave-divider svg{height:60px}.section-header{margin-bottom:var(--space-8)}.features-grid{grid-template-columns:1fr;gap:var(--space-4)}.feature-card{padding:var(--space-5)}.age-range-card{padding:var(--space-6);border-radius:16px}.age-range-stats{flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.stat-divider{display:none}.stat-value{font-size:36px}.cta-card{padding:var(--space-8) var(--space-5);border-radius:16px}.footer-brand{flex-direction:column}.footer-brand,.footer-brand-text{text-align:center}}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.login-container-new{min-height:100vh;padding:20px;position:relative;overflow:hidden;transition:background .5s ease}.login-container-new,.theme-toggle-btn{display:flex;align-items:center;justify-content:center}.theme-toggle-btn{position:fixed;top:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;font-size:28px;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.2)}.dark-theme .theme-toggle-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px rgba(59,130,246,.4)}.light-theme .theme-toggle-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 24px rgba(251,191,36,.4)}.dark-theme{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.light-theme{background:linear-gradient(135deg,#e0f2fe,#bae6fd 50%,#7dd3fc)}.login-bg-waves{position:absolute;inset:0;z-index:0;overflow:hidden}.wave{position:absolute;width:200%;height:200%;border-radius:45%;opacity:.15}.wave-1{bottom:-80%;left:-50%;animation:wave 25s linear infinite}.wave-2{bottom:-70%;left:-30%;animation:wave 20s linear infinite reverse}.wave-3{bottom:-60%;left:-40%;animation:wave 30s linear infinite}.dark-theme .wave-1{background:linear-gradient(45deg,#1e40af,#1e3a8a)}.dark-theme .wave-2{background:linear-gradient(45deg,#1d4ed8,#1e3a8a)}.dark-theme .wave-3{background:linear-gradient(45deg,#2563eb,#1e40af)}.light-theme .wave-1{background:linear-gradient(45deg,#0ea5e9,#06b6d4)}.light-theme .wave-2{background:linear-gradient(45deg,#0284c7,#0891b2)}.light-theme .wave-3{background:linear-gradient(45deg,#0369a1,#0e7490)}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.floating-bubbles{position:absolute;inset:0;z-index:0;pointer-events:none}.bubble{position:absolute;border-radius:50%;backdrop-filter:blur(2px)}.dark-theme .bubble{background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.4),rgba(59,130,246,.1));box-shadow:inset 0 -10px 20px rgba(96,165,250,.3),0 10px 30px rgba(0,0,0,.4)}.light-theme .bubble{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.8),rgba(135,206,250,.3));box-shadow:inset 0 -10px 20px hsla(0,0%,100%,.5),0 10px 30px rgba(0,0,0,.1)}.login-content-new{position:relative;z-index:1;width:100%;max-width:500px}.login-card-new{border-radius:32px;padding:48px 40px;backdrop-filter:blur(20px);transition:all .5s ease}.dark-theme .login-card-new{background:rgba(30,41,59,.8);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(148,163,184,.2);border:2px solid rgba(71,85,105,.5)}.light-theme .login-card-new{background:hsla(0,0%,100%,.95);box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.5);border:2px solid hsla(0,0%,100%,.8)}.login-logo-section{text-align:center;margin-bottom:32px}.logo-wrapper{margin-bottom:20px;display:inline-block}.logo-image{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.dark-theme .logo-image{box-shadow:0 10px 40px rgba(59,130,246,.5),0 0 0 4px rgba(30,58,138,.8),0 0 0 8px rgba(59,130,246,.3);border:4px solid #1e3a8a}.light-theme .logo-image{box-shadow:0 10px 40px rgba(14,116,144,.3),0 0 0 4px #fff,0 0 0 8px rgba(14,165,233,.2);border:4px solid #fff}.logo-image:hover{transform:scale(1.05) rotate(2deg)}.brand-title{font-size:36px;font-weight:900;margin-bottom:8px;margin-top:4px;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dark-theme .brand-title{color:#60a5fa}.light-theme .brand-title{color:#0284c7}.brand-subtitle{font-size:16px;font-weight:600;font-style:italic;transition:color .3s ease}.dark-theme .brand-subtitle{color:#93c5fd}.light-theme .brand-subtitle{color:#0891b2}.welcome-section{text-align:center;margin-bottom:28px}.welcome-title{font-size:24px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.dark-theme .welcome-title{color:#f1f5f9}.light-theme .welcome-title{color:#0f172a}.welcome-text{font-size:15px;font-weight:500;transition:color .3s ease}.dark-theme .welcome-text{color:#cbd5e1}.light-theme .welcome-text{color:#64748b}.error-banner{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 12px rgba(239,68,68,.2);font-size:14px;color:#dc2626;font-weight:600}.error-icon{font-size:20px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.signin-btn{width:100%;border:none;color:#fff;padding:18px 32px;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;position:relative;overflow:hidden}.dark-theme .signin-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 30px rgba(59,130,246,.4),0 0 0 4px rgba(59,130,246,.2)}.light-theme .signin-btn{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 10px 30px rgba(14,165,233,.3),0 0 0 4px rgba(14,165,233,.1)}.signin-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.dark-theme .signin-btn:before{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.light-theme .signin-btn:before{background:linear-gradient(135deg,#38bdf8,#22d3ee)}.signin-btn:hover:not(:disabled):before{opacity:1}.dark-theme .signin-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px rgba(59,130,246,.6),0 0 0 4px rgba(59,130,246,.3)}.light-theme .signin-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px rgba(14,165,233,.4),0 0 0 4px rgba(14,165,233,.15)}.signin-btn:active:not(:disabled){transform:translateY(-1px)}.signin-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signin-btn>*{position:relative;z-index:1}.btn-icon{font-size:24px;animation:swim 2s ease-in-out infinite}@keyframes swim{0%,to{transform:translateX(0) rotate(0deg)}50%{transform:translateX(5px) rotate(-5deg)}}.btn-arrow{font-size:20px;font-weight:700}.spinner{width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%}.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.info-card{padding:24px 16px;border-radius:20px;text-align:center;transition:all .3s ease;cursor:default;backdrop-filter:blur(10px)}.dark-theme .info-card{background:linear-gradient(135deg,rgba(30,58,138,.4),rgba(30,64,175,.3));border:2px solid rgba(59,130,246,.3)}.light-theme .info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd}.info-icon{font-size:40px;margin-bottom:12px;display:block;transition:filter .3s ease}.dark-theme .info-icon{filter:drop-shadow(0 0 10px rgba(96,165,250,.5))}.light-theme .info-icon{filter:none}.info-title{font-size:14px;font-weight:700;margin-bottom:8px;transition:color .3s ease}.dark-theme .info-title{color:#e0e7ff}.light-theme .info-title{color:#0c4a6e}.info-text{font-size:12px;line-height:1.5;font-weight:500;transition:color .3s ease}.dark-theme .info-text{color:#c7d2fe}.light-theme .info-text{color:#0369a1}.login-footer-new{padding-top:24px;transition:border-color .3s ease}.dark-theme .login-footer-new{border-top:2px solid rgba(71,85,105,.5)}.light-theme .login-footer-new{border-top:2px solid #e0f2fe}.footer-text{font-size:12px;text-align:center;line-height:1.6;transition:color .3s ease}.dark-theme .footer-text{color:#94a3b8}.light-theme .footer-text{color:#64748b}.footer-link{font-weight:600;text-decoration:none;transition:color .2s ease}.dark-theme .footer-link{color:#60a5fa}.dark-theme .footer-link:hover{color:#93c5fd;text-decoration:underline}.light-theme .footer-link{color:#0891b2}.light-theme .footer-link:hover{color:#0e7490;text-decoration:underline}.help-section{margin-top:24px;text-align:center}.help-section p{font-size:14px;font-weight:600;transition:color .3s ease}.dark-theme .help-section p{color:#e0e7ff}.light-theme .help-section p{color:#0c4a6e}.help-link{font-weight:700;text-decoration:underline;transition:all .2s ease}.dark-theme .help-link{color:#a5b4fc}.dark-theme .help-link:hover{color:#c7d2fe;transform:translateY(-1px)}.light-theme .help-link{color:#0c4a6e}.light-theme .help-link:hover{color:#075985;transform:translateY(-1px)}@media (max-width:768px){.login-container-new{padding:16px}.theme-toggle-btn{top:16px;right:16px;width:48px;height:48px;font-size:24px}.login-card-new{padding:36px 24px;border-radius:28px}.logo-image{width:100px;height:100px}.brand-title{font-size:26px}.brand-subtitle{font-size:14px}.welcome-title{font-size:22px}.welcome-text{font-size:14px}.signin-btn{padding:16px 24px;font-size:16px}.info-cards{grid-template-columns:1fr;gap:12px}.info-card{padding:20px 16px}.info-icon{font-size:36px}.btn-icon{font-size:22px}.wave-1,.wave-2,.wave-3{width:300%;height:300%}}@media (max-width:480px){.login-card-new{padding:32px 20px}.brand-title{font-size:24px}.welcome-title{font-size:20px}.signin-btn{padding:14px 20px;font-size:15px}.info-title{font-size:13px}.info-text{font-size:11px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.login-background{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 50%,var(--secondary-700) 100%);opacity:.95}.login-content{position:relative;z-index:1;width:100%;max-width:480px}.login-card{background:var(--white);border-radius:24px;padding:var(--space-8);box-shadow:0 24px 48px rgba(0,0,0,.2)}.login-header{text-align:center;margin-bottom:var(--space-6)}.login-title{font-size:28px;font-weight:700;color:var(--text-primary)}.login-subtitle{font-size:16px;color:var(--text-secondary)}.login-btn{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer}.login-help{margin-top:var(--space-5);text-align:center}.login-help-link{color:var(--white);font-weight:600}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-secondary)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg-elevated);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:1100;transition:transform .3s ease,width .3s ease}.sidebar-minimized{width:80px}.sidebar-minimized .sidebar-brand-text,.sidebar-minimized .sidebar-user-info{opacity:0;pointer-events:none}.sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--gray-200);justify-content:space-between}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:var(--space-3)}.sidebar-logo{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.sidebar-brand-text{flex:1}.sidebar-brand-name{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-brand-subtitle{font-size:12px;color:var(--text-tertiary);font-weight:500}.sidebar-minimize-btn{display:flex;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all .15s ease}.sidebar-minimize-btn:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all .15s ease}.sidebar-close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-user{padding:var(--space-5);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--space-3);transition:all .3s ease}.sidebar-minimized .sidebar-user{justify-content:center;padding:var(--space-4)}.sidebar-user-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:12px;color:var(--text-tertiary);font-weight:500}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4)}.sidebar-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:10px;color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer}.sidebar-minimized .sidebar-nav-item{justify-content:center;padding:var(--space-3)}.sidebar-nav-item:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-nav-item-active{background:linear-gradient(135deg,var(--primary-50) 0,rgba(0,172,193,.1) 100%);color:var(--primary-700);font-weight:600}.sidebar-nav-item-active:hover{background:linear-gradient(135deg,var(--primary-100) 0,rgba(0,172,193,.15) 100%)}.nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--gray-200)}.sidebar-logout-btn{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:10px;background:transparent;border:none;color:var(--error);font-size:15px;font-weight:500;cursor:pointer;transition:all .15s ease}.sidebar-minimized .sidebar-logout-btn{justify-content:center;padding:var(--space-3)}.sidebar-logout-btn:hover{background:rgba(239,68,68,.1)}.dashboard-main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.sidebar-minimized~.dashboard-main{margin-left:80px}.dashboard-header{position:sticky;top:0;z-index:30;background:var(--bg-elevated);border-bottom:1px solid var(--gray-200);padding:var(--space-4) var(--space-6)}.dashboard-header-content{display:flex;align-items:center;gap:var(--space-4)}.menu-toggle-btn{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all .15s ease}.menu-toggle-btn:hover{background:var(--gray-100);color:var(--text-primary)}.dashboard-header-text{flex:1}.dashboard-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.dashboard-subtitle{font-size:14px;color:var(--text-secondary);margin:var(--space-1) 0 0 0}.dashboard-content{flex:1;padding:var(--space-6);max-width:1400px;width:100%;margin:0 auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1050;animation:fadeIn .2s ease}@media (max-width:1024px){.dashboard-content{padding:var(--space-5)}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.sidebar-minimize-btn{display:none}.sidebar-close-btn{display:flex}.dashboard-main{margin-left:0}.sidebar-minimized{width:280px}.menu-toggle-btn{display:flex}.dashboard-header{padding:var(--space-3) var(--space-4)}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:13px}.dashboard-content{padding:var(--space-4)}.sidebar-user-avatar{width:40px;height:40px;font-size:18px}.sidebar-nav-item{padding:var(--space-3)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.dashboard-card{background:var(--bg-elevated);border-radius:16px;padding:var(--space-6);border:1px solid var(--gray-200);box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease}.dashboard-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-welcome{grid-column:1/-1;background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);border:1px solid var(--primary-200)}.card-icon-wrapper{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.card-icon{width:32px;height:32px}.welcome-stats{display:flex;gap:var(--space-6);padding:var(--space-4);background:var(--white);border-radius:12px;border:1px solid var(--gray-200)}.welcome-stat{text-align:center}.welcome-stat-value{font-size:24px;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-1)}.welcome-stat-label{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3)}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border-radius:12px;border:2px solid var(--gray-200);color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.quick-action-card:hover{background:var(--primary-50);border-color:var(--primary-300);transform:translateY(-2px)}.quick-action-icon{width:28px;height:28px;color:var(--primary-600)}.quick-action-card span{font-size:13px;font-weight:600}.info-list{display:flex;flex-direction:column;gap:var(--space-4)}.info-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.info-value{font-size:14px;font-weight:600;color:var(--text-primary);text-align:right}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-active{background:var(--success);color:#fff}.status-pending{background:var(--warning);color:#fff}.card-guide{grid-column:1/-1}.guide-steps{flex-direction:column}.guide-step,.guide-steps{display:flex;gap:var(--space-4)}.guide-step{padding:var(--space-4);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--gray-200)}.guide-step-number{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.guide-step-content{flex:1}.guide-step-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.guide-step-description{font-size:14px;color:var(--text-secondary)}.profile-container{max-width:1000px;margin:0 auto}.profile-header-card{margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);border:1px solid var(--primary-200)}.profile-header-content{display:flex;align-items:center;gap:var(--space-5)}.profile-avatar-large{width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;flex-shrink:0;box-shadow:0 8px 16px rgba(13,71,161,.2)}.profile-header-info{flex:1}.profile-badges{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap}.badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-primary{background:var(--primary-500);color:#fff}.badge-info{background:var(--info);color:#fff}.badge-error{background:var(--error);color:#fff}.profile-grid{display:grid;gap:var(--space-6)}.profile-section{background:var(--bg-elevated);border-radius:16px;padding:var(--space-6);border:1px solid var(--gray-200)}.profile-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.profile-form{gap:var(--space-5)}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-label{font-size:14px;font-weight:600}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid var(--gray-300);border-radius:8px;background:var(--bg-primary);transition:all .15s ease;font-family:var(--font-body)}.form-input:hover:not(:disabled){border-color:var(--gray-400)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(13,71,161,.1)}.form-input:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.form-help{font-size:12px;color:var(--text-tertiary);margin-top:var(--space-1)}.form-actions{display:flex;gap:var(--space-3);padding-top:var(--space-3)}.font-mono{font-family:var(--font-mono);font-size:13px}.security-info{flex-direction:column}.security-info,.security-item{display:flex;gap:var(--space-4)}.security-item{padding:var(--space-4);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--gray-200)}.security-icon{width:32px;height:32px;color:var(--primary-600);flex-shrink:0}.security-item-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.security-item-description{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.profile-header-content{gap:var(--space-4)}.profile-avatar-large{width:80px;height:80px;font-size:36px}}@media (max-width:768px){.dashboard-grid{gap:var(--space-4)}.dashboard-card{padding:var(--space-5)}.welcome-stats{flex-direction:column;gap:var(--space-3)}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.guide-steps{gap:var(--space-3)}.guide-step{align-items:center}.guide-step,.profile-header-content{flex-direction:column;text-align:center}.profile-badges{justify-content:center}.profile-section{padding:var(--space-5)}.profile-section-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.info-item{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.info-value{text-align:left}.security-item{flex-direction:column;align-items:center;text-align:center}}@media (max-width:600px){.card,.scheduler-container,.scheduler-controls{width:100%!important;max-width:100vw!important;box-sizing:border-box}}.scheduler-container{display:flex;flex-direction:column;gap:var(--space-5)}.scheduler-controls{padding:var(--space-4)}.scheduler-controls-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.scheduler-controls .form-group{display:flex;flex-direction:column;gap:6px}.scheduler-controls .form-label{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.scheduler-controls .form-input{height:42px;padding:8px 12px;border-radius:8px;font-size:15px;border:1px solid var(--gray-300);background:var(--bg-primary);color:var(--text-primary);transition:all .15s ease}.scheduler-controls .form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.scheduler-controls select.form-input{padding-right:32px}.scheduler-tabs{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border-radius:12px;border:1px solid var(--gray-200)}.scheduler-tabs-main{display:flex;gap:var(--space-2);padding:4px;background:var(--bg-secondary);border-radius:10px}.scheduler-tabs-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.scheduler-tabs-actions:before{content:"";flex:1 1 100%;height:0;order:-1}@media (min-width:769px){.scheduler-tabs-actions:before{display:none}}.scheduler-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 14px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.scheduler-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.scheduler-tab-active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:var(--white);font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.1)}.scheduler-tab-active:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%)}.scheduler-tab-icon{font-size:16px}.scheduler-tabs-checkbox{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--gray-300);cursor:pointer;font-size:12px;font-weight:500;color:var(--text-primary);transition:all .15s ease;white-space:nowrap;order:2}.scheduler-tabs-checkbox:hover{background:var(--bg-tertiary);border-color:var(--primary-400)}.scheduler-tabs-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;margin:0}.scheduler-tabs-checkbox-label{display:inline-block;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.scheduler-tabs-actions .btn{order:3;margin-left:auto}@media (max-width:768px){.scheduler-tabs-actions .btn{margin-left:0}}.scheduler-tab-icon{font-size:18px;display:none}.scheduler-tab-label{display:block}.scheduler-content{min-height:400px}.animated-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.animated-control{position:relative;display:inline-flex;align-items:center;gap:6px}.date-presets{display:inline-flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:999px;border:1px solid var(--gray-300)}.preset-btn{padding:6px 12px;border-radius:999px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.2,.9,.2,1);white-space:nowrap}.preset-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.preset-btn.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.12)}.pill-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--gray-300);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:transform .12s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform}.pill-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-300)}.pill-btn:active{transform:translateY(.5px) scale(.98)}.pill-btn:disabled{opacity:.6;cursor:not-allowed}.icon-btn{width:36px;height:36px;justify-content:center;font-size:18px}.date-btn{position:relative;font-weight:700;background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary))}.date-btn .date-accent{opacity:.9}.location-btn{font-weight:700}.location-btn .dot{width:8px;height:8px;border-radius:50%}.location-btn .chev{margin-left:6px;transition:transform .15s ease}.location-btn .chev.open{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:50;background:var(--bg-elevated);border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);padding:6px;min-width:260px;animation:dropdownIn .16s cubic-bezier(.2,.9,.2,1)}.dropdown,.dropdown-item{color:var(--text-primary)}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-weight:600;transition:background .14s ease}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item .dot{width:8px;height:8px;border-radius:50%}.dropdown-item.selected{background:var(--primary-50)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.now-row-strong{animation:nowRowPulse 2.2s ease-in-out infinite}.now-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:#b91c1c;color:#fff;font-weight:800;font-size:11px;line-height:1;box-shadow:0 0 0 0 rgba(185,28,28,.45);animation:badgePulse 1.8s ease-in-out infinite}.now-badge .dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.95;box-shadow:0 0 0 0 hsla(0,0%,100%,.65);animation:dotPing 1.8s ease-in-out infinite}@keyframes nowRowPulse{0%{box-shadow:inset 0 0 0 0 rgba(185,28,28,0),0 0 0 0 rgba(185,28,28,0)}50%{box-shadow:inset 0 0 0 0 rgba(185,28,28,0),0 0 0 8px rgba(185,28,28,.1)}to{box-shadow:inset 0 0 0 0 rgba(185,28,28,0),0 0 0 0 rgba(185,28,28,0)}}@keyframes badgePulse{0%{box-shadow:0 0 0 0 rgba(185,28,28,.45)}70%{box-shadow:0 0 0 8px rgba(185,28,28,0)}to{box-shadow:0 0 0 0 rgba(185,28,28,0)}}@keyframes dotPing{0%{transform:scale(1);opacity:1}60%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:0}}.calendar-backdrop{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.3);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.calendar-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:var(--bg-elevated);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.2);padding:12px;width:340px;max-width:95vw;max-height:90vh;overflow-y:auto;animation:calendarSpring .26s cubic-bezier(.34,1.56,.64,1)}@keyframes calendarSpring{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.calendar-recent{margin-bottom:12px}.recent-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:8px}.recent-dates{display:flex;flex-direction:column;gap:4px}.recent-date-btn{width:100%;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease}.recent-date-btn:hover{background:var(--bg-secondary)}.recent-date-btn.selected{background:var(--primary-50);color:var(--primary-700);font-weight:600}.calendar-divider{height:1px;background:var(--gray-200);margin:12px -12px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-title{font-size:16px;font-weight:700;color:var(--text-primary)}.cal-nav-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:20px;transition:background .14s ease}.cal-nav-btn:hover{background:var(--bg-secondary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}.cal-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--text-tertiary);padding:4px}.calendar-grid{display:flex;flex-direction:column;gap:4px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s ease}.cal-day:hover{background:var(--bg-secondary)}.cal-day.today{font-weight:700;border:2px solid var(--primary-500)}.cal-day.selected{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);color:#fff;font-weight:700}.cal-day.other-month{opacity:.4}.calendar-footer{display:flex;justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--gray-200)}.cal-footer-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--gray-300);background:var(--bg-secondary);cursor:pointer;font-weight:600;font-size:13px;transition:all .14s ease}.cal-footer-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-400)}.location-picker .lp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.location-picker .lp-title{font-weight:900;font-size:16px;background:linear-gradient(135deg,var(--primary-600) 0,#f59e0b 35%,#10b981 70%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.location-picker .lp-close{font-weight:800}.location-picker .location-options{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow:auto}.location-picker .location-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--gray-200);background:var(--bg-elevated);cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .2s ease}.location-picker .location-option:hover{background:var(--bg-secondary)}.location-picker .location-option:has(.loc-input:checked){background:var(--primary-50);border-color:var(--primary-300);box-shadow:0 0 0 2px var(--primary-100) inset}.location-picker .loc-input{margin:0}.location-picker .loc-name{font-weight:800;flex:1}.location-picker .loc-dot{width:10px;height:10px;position:relative}.location-picker .loc-dot,.location-picker .loc-dot:after{border-radius:50%;background:var(--loc-color,var(--primary-600))}.location-picker .loc-dot:after{content:"";position:absolute;inset:-4px;opacity:0;transform:scale(.7)}@keyframes dotPulse{0%{opacity:.45;transform:scale(.7)}60%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.location-picker .location-option:has(.loc-input:checked) .loc-dot:after{animation:dotPulse .8s ease-out}@media (max-width:768px){.location-picker .lp-title{font-size:15px}.location-picker .location-options{max-height:50vh}.mobile-date-controls-sticky{position:sticky;top:52px;z-index:90;background:var(--bg-elevated);padding:6px;border-radius:0 0 12px 12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:12px}.animated-controls{gap:6px;flex-direction:column;width:100%}.date-control,.date-presets{background:transparent;padding:0;border-radius:0;box-shadow:none}.date-presets{width:100%;justify-content:space-between;gap:3px}.preset-btn{flex:1;padding:4px 8px;font-size:12px;height:28px}.animated-control{width:100%}.date-control{width:100%;display:flex;gap:4px}.date-control .date-btn{flex:1;justify-content:center}.date-control .date-text{text-align:center}.pill-btn{padding:4px 8px;font-size:13px;border-radius:10px;height:28px}.icon-btn{width:28px;height:28px;font-size:16px;flex-shrink:0;padding:0}.location-control{width:100%}.location-btn{width:100%;justify-content:center}.location-btn .location-text{text-align:center}.calendar-popup{width:320px;max-height:80vh}.recent-dates{max-height:180px;overflow-y:auto}.scheduler-controls{padding:6px}.scheduler-controls-group{grid-template-columns:1fr;gap:6px}.scheduler-controls .form-input{font-size:16px;height:34px;padding:4px 8px;border-radius:6px}.scheduler-controls input[type=date]{font-size:12px;padding:4px 6px}.scheduler-controls .form-label{font-size:10px;letter-spacing:.2px}.scheduler-tabs{padding:8px;gap:8px}.scheduler-tabs-main{width:100%}.scheduler-tab{padding:6px 4px;font-size:11px;gap:3px}.scheduler-tab-icon{font-size:14px}.scheduler-tabs-actions{width:100%;gap:5px;justify-content:flex-start}.scheduler-tabs-actions>:first-child{order:1}.scheduler-tabs-actions>:nth-child(2){order:2}.scheduler-tabs-actions>:nth-child(3){order:3}.scheduler-tabs-checkbox{padding:5px 7px;font-size:10px;min-width:auto}.scheduler-tabs-checkbox input[type=checkbox]{width:13px;height:13px}.scheduler-tabs-actions button,.scheduler-tabs-actions>div>button{padding:5px 8px!important;font-size:11px!important;white-space:nowrap}.time-filter-button{padding:5px 8px!important;font-size:11px!important}}@media (max-width:768px){@media (max-width:380px){.scheduler-tabs-actions{flex-direction:column;align-items:stretch}.scheduler-tabs-actions>*,.scheduler-tabs-checkbox{width:100%;justify-content:center}}}@keyframes pulseOutline{0%{box-shadow:inset 0 0 0 3px #dc2626,inset 0 0 0 6px rgba(220,38,38,.35),0 6px 16px rgba(220,38,38,.35)}25%{box-shadow:inset 0 0 0 4px #ef4444,inset 0 0 0 10px rgba(239,68,68,.35),0 8px 22px rgba(239,68,68,.45)}50%{box-shadow:inset 0 0 0 4px #f87171,inset 0 0 0 12px hsla(0,91%,71%,.35),0 10px 26px hsla(0,91%,71%,.5)}75%{box-shadow:inset 0 0 0 4px #ef4444,inset 0 0 0 10px rgba(239,68,68,.35),0 8px 22px rgba(239,68,68,.45)}to{box-shadow:inset 0 0 0 3px #dc2626,inset 0 0 0 6px rgba(220,38,38,.35),0 6px 16px rgba(220,38,38,.35)}}@keyframes gotoRingPulse{0%{transform:scale(1);opacity:.95;box-shadow:0 0 0 4px rgba(59,130,246,.5),0 0 20px rgba(59,130,246,.6),0 12px 32px rgba(59,130,246,.45);border-color:#3b82f6}25%{transform:scale(1.03);opacity:.92;box-shadow:0 0 0 6px rgba(96,165,250,.5),0 0 24px rgba(96,165,250,.6),0 14px 36px rgba(96,165,250,.45);border-color:#60a5fa}50%{transform:scale(1.06);opacity:.88;box-shadow:0 0 0 8px rgba(249,115,22,.5),0 0 28px rgba(249,115,22,.65),0 16px 40px rgba(249,115,22,.5);border-color:#f97316}75%{transform:scale(1.03);opacity:.92;box-shadow:0 0 0 6px rgba(96,165,250,.5),0 0 24px rgba(96,165,250,.6),0 14px 36px rgba(96,165,250,.45);border-color:#60a5fa}to{transform:scale(1);opacity:.95;box-shadow:0 0 0 4px rgba(59,130,246,.5),0 0 20px rgba(59,130,246,.6),0 12px 32px rgba(59,130,246,.45);border-color:#3b82f6}}.goto-ring{position:fixed;pointer-events:none;z-index:10001;border-radius:12px;border:4px solid #3b82f6;box-shadow:inset 0 0 0 6px rgba(59,130,246,.3),0 0 20px rgba(59,130,246,.6),0 10px 32px rgba(59,130,246,.45);transform-origin:center center;animation:gotoRingPulse 1.2s ease-in-out infinite}[data-time-hhmm].pulse-highlight{border-radius:10px;outline:2px solid rgba(239,68,68,.6);outline-offset:-2px}[data-time-hhmm].pulse-highlight,tr.pulse-highlight>td{animation:pulseOutline 1.6s ease-in-out infinite;transition:all .3s ease}tr.pulse-highlight>td{border-color:#ef4444!important}.mobile-tab-btn{touch-action:manipulation}.mobile-action-btn,.mobile-tab-btn{-webkit-tap-highlight-color:transparent}.mobile-action-btn{width:100%;padding:10px 12px;border-radius:8px;border:none;background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease}.mobile-action-btn:active{transform:scale(.97);background:var(--bg-tertiary)}.mobile-action-btn span{font-size:18px}@media (min-width:769px){.scheduler-tabs{flex-direction:row;align-items:center;gap:var(--space-3)}.scheduler-tabs-main{flex-shrink:0}.scheduler-tabs-actions{flex:1;justify-content:flex-end}}.mobile-modern-header .mh-glow{position:absolute;inset:-40% -10% 40% -10%;background:conic-gradient(from 180deg at 50% 50%,#ef444422,#f59e0b22,#10b98122,#3b82f622,#8b5cf622,#ef444422);filter:blur(28px);opacity:.6;animation:spin 24s linear infinite;pointer-events:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.kebab-btn{width:36px;height:36px;border-radius:12px;border:2px solid transparent;background:linear-gradient(#fff,#f7f7f7) padding-box,conic-gradient(from 180deg at 50% 50%,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444) border-box;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.kebab-btn:hover{box-shadow:0 6px 18px rgba(16,185,129,.18);filter:saturate(1.05)}.kebab-btn.open{box-shadow:0 8px 24px rgba(59,130,246,.28)}.kebab-icon{display:flex;flex-direction:column;align-items:center;gap:3px}.kebab-dot{width:6px;height:6px;border-radius:50%;background:#111}.kebab-btn.open .kebab-dot{animation:dotBounce 1.6s ease-in-out infinite}.kebab-btn.open .kebab-dot:nth-child(2){animation-delay:.12s}.kebab-btn.open .kebab-dot:nth-child(3){animation-delay:.24s}@keyframes dotBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-2px);opacity:.85}}.mobile-modern-header .date-chip,.mobile-modern-header .location-chip{border:2px solid transparent;background:linear-gradient(180deg,#fff,#f7f7f7) padding-box,linear-gradient(135deg,#3b82f6,#8b5cf6,#10b981,#f59e0b) border-box;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.mobile-modern-header .date-chip:hover,.mobile-modern-header .location-chip:hover{box-shadow:0 6px 16px rgba(0,0,0,.08);filter:saturate(1.05)}.mobile-modern-header .date-chip:active,.mobile-modern-header .location-chip:active{transform:scale(.985)}.conic-sheen{animation:spin 24s linear infinite}.goto-fab{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid transparent;border-radius:9999px;background:linear-gradient(#fff,#f7f7f7) padding-box,conic-gradient(from 180deg at 50% 50%,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444) border-box;color:#0f172a;font-weight:900;letter-spacing:.2px;box-shadow:0 6px 22px rgba(0,0,0,.14);outline:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .14s ease,box-shadow .18s ease,filter .16s ease,opacity .16s ease}.goto-fab:hover{box-shadow:0 10px 28px rgba(59,130,246,.26);filter:saturate(1.05)}.goto-fab:active{transform:translateY(.5px) scale(.985)}.goto-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:gotoDotPulse 1.8s ease-in-out infinite}.goto-caret,.goto-label{font-weight:900}.goto-caret{display:inline-block;transition:transform .16s ease;margin-left:6px}.goto-fab.open .goto-caret{transform:rotate(180deg)}@keyframes gotoDotPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.goto-menu{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.22);padding:8px;animation:menuPop .18s cubic-bezier(.2,.9,.2,1)}@keyframes menuPop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.goto-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,var(--primary-600) 0,#f59e0b 35%,#10b981 70%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:4px 6px}.goto-list{overflow:auto;padding-right:2px}.goto-empty{padding:8px 10px;color:var(--text-tertiary);font-size:13px}.goto-menu-item{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid var(--gray-200);background:linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));color:var(--text-primary);cursor:pointer;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:10px;transition:background .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease}.goto-menu-item:hover{background:var(--bg-secondary);border-color:var(--primary-300);box-shadow:0 0 0 2px var(--primary-100) inset}.goto-menu-item:active{transform:translateY(.5px) scale(.99)}.goto-menu-item.now .goto-pill{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff}.goto-menu-item.time .goto-pill{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.goto-menu-item.time.active{background:linear-gradient(180deg,#eaf2ff,#f5faff);border-color:var(--primary-300);box-shadow:0 0 0 2px var(--primary-100) inset}.goto-menu-item.time.active .goto-time-label{color:#1d4ed8}.goto-menu-item.time.active .goto-time-hhmm{color:#2563eb}.goto-pill{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:9999px;font-size:11px;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.15)}.goto-time-label{font-weight:900}.goto-time-hhmm{color:var(--text-tertiary);margin-left:6px;font-weight:700}.success-toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:50;background:var(--success);color:var(--white);padding:var(--space-3) var(--space-5);border-radius:12px;box-shadow:0 8px 16px rgba(0,0,0,.2);font-size:14px;font-weight:600;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.error-alert{background:rgba(239,68,68,.1);border:1px solid var(--error);color:var(--error);margin-bottom:var(--space-5);padding:var(--space-4)}.notes-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-6);align-items:start}.notes-form-card{position:sticky;top:calc(var(--space-20) + 60px)}.notes-form{display:flex;flex-direction:column;gap:var(--space-4)}.notes-list-card{min-height:400px}.notes-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.notes-list{display:flex;flex-direction:column;gap:var(--space-4)}.note-card{background:var(--bg-secondary);border:1px solid var(--gray-200);padding:0;overflow:hidden}.note-content{padding:var(--space-5)}.note-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.note-actions{display:flex;gap:var(--space-2);flex-shrink:0}.note-action-btn{background:transparent;border:none;cursor:pointer;padding:var(--space-2);border-radius:6px;font-size:18px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.note-action-btn:hover{background:var(--gray-200);transform:scale(1.1)}.note-delete-btn:hover{background:rgba(239,68,68,.1)}.note-text{font-size:15px;color:var(--text-primary);white-space:pre-wrap;line-height:1.6;margin-bottom:var(--space-3)}.note-meta{font-size:12px;color:var(--text-tertiary);font-weight:500}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}@media (max-width:1024px){.notes-grid{grid-template-columns:1fr}.notes-form-card{position:static}}@media (max-width:768px){.success-toast{top:var(--space-3);right:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);font-size:13px}.notes-grid{gap:var(--space-4)}.notes-list-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.note-card{border-radius:12px}.note-content{padding:var(--space-4)}.note-header{flex-direction:column;align-items:stretch}.note-actions{justify-content:flex-end}}