:root{--primary:#1e40af;--primary-light:#1d4ed8;--primary-dark:#1e3a8a;--secondary:#4ecdc4;--secondary-light:#7eddd7;--accent:#ffc93c;--accent-light:#ffd966;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--pink:#ff6b9d;--orange:#ff9f43;--gold:#d4af37;--fire:#f5576c;--color-shadow-primary:30,64,175;--color-shadow-secondary:78,205,196;--color-shadow-success:16,185,129;--color-shadow-pink:255,107,157;--color-error:239,68,68;--color-text-secondary:107,114,128;--color-primary-gradient-end:29,78,216;--primary-rgba-08:rgba(var(--color-shadow-primary),.08);--primary-rgba-12:rgba(var(--color-shadow-primary),.12);--primary-rgba-15:rgba(var(--color-shadow-primary),.15);--primary-rgba-20:rgba(var(--color-shadow-primary),.2);--primary-rgba-30:rgba(var(--color-shadow-primary),.3);--primary-rgba-40:rgba(var(--color-shadow-primary),.4);--primary-gradient-start:#1e40af;--primary-gradient-end:#1d4ed8;--primary-dark-gradient-start:#1e3a8a;--primary-dark-gradient-end:#1e40af;--success-gradient-start:#10b981;--success-gradient-end:#059669;--secondary-gradient-start:#a78bfa;--secondary-gradient-end:#4ecdc4;--accent-gradient-start:#ffc93c;--accent-gradient-end:#1d4ed8;--pink-gradient-start:#ff6b9d;--pink-gradient-end:#ffa06b;--gradient-primary:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);--gradient-primary-dark:linear-gradient(135deg,var(--primary-dark-gradient-start) 0%,var(--primary-dark-gradient-end) 100%);--gradient-success:linear-gradient(135deg,var(--success-gradient-start) 0%,var(--success-gradient-end) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-gradient-start) 0%,var(--secondary-gradient-end) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);--bg-primary:linear-gradient(135deg,#e8ecf0,#e0e4e8);--bg-secondary:#f8fafc;--card-bg:#fff;--card-bg-hover:#f8fafc;--nav-bg:rgba(248,250,252,.85);--note-bg:linear-gradient(135deg,#fefefe,#f8fafc);--bg-glass:rgba(248,250,252,.9);--bg-glass-light:hsla(0,0%,100%,.1);--bg-glass-heavy:hsla(0,0%,100%,.7);--icon-bg:#f2f2f2;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-muted:#d1d5db;--border:#e5e7eb;--border-light:#f3f4f6;--border-hover:#d1d5db;--border-dashed:hsla(0,0%,100%,.8);--hover-bg:#f1f5f9;--active-bg:#e0f2fe;--focus-ring:rgba(30,64,175,.2);--slider-track:#e5e7eb;--marker-inactive:#cbd5e0;--nav-link-active-color:var(--primary);--nav-link-active-bg:var(--primary-rgba-12);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 20px 40px rgba(0,0,0,.15);--shadow-icon:0 8px 16px rgba(0,0,0,.18);--shadow-card:0 4px 12px rgba(0,0,0,.05);--shadow-colored:0 10px 30px -5px rgba(30,64,175,.3);--shadow-primary:0 12px 35px -5px rgba(30,64,175,.4);--shadow-success:0 10px 25px rgba(16,185,129,.4);--shadow-pink:0 4px 12px rgba(255,107,157,.3);--shadow-sticky:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--max-width-sm:600px;--max-width-md:800px;--max-width-lg:1200px;--calendar-icon-filter:none}:root.dark{--primary:#1d4ed8;--primary-light:#3b82f6;--primary-dark:#1e40af;--secondary:#6eddd5;--secondary-light:#8ee6df;--accent:#ffd66b;--accent-light:#ffe08a;--success:#34d399;--warning:#fbbf24;--error:#f87171;--pink:#ff8db5;--orange:#ffb76b;--gold:#ffe066;--fire:#ff7a8a;--color-shadow-primary:29,78,216;--color-shadow-secondary:110,221,213;--color-shadow-success:52,211,153;--color-shadow-pink:255,141,181;--color-error:248,113,113;--color-text-secondary:203,213,224;--color-primary-gradient-end:59,130,246;--primary-rgba-08:rgba(var(--color-shadow-primary),.08);--primary-rgba-12:rgba(var(--color-shadow-primary),.12);--primary-rgba-15:rgba(var(--color-shadow-primary),.15);--primary-rgba-20:rgba(var(--color-shadow-primary),.2);--primary-rgba-30:rgba(var(--color-shadow-primary),.3);--primary-rgba-40:rgba(var(--color-shadow-primary),.4);--nav-link-active-color:var(--primary-light);--nav-link-active-bg:rgba(var(--color-shadow-primary),.25);--primary-gradient-start:#1d4ed8;--primary-gradient-end:#3b82f6;--primary-dark-gradient-start:#1e40af;--primary-dark-gradient-end:#1d4ed8;--success-gradient-start:#34d399;--success-gradient-end:#10b981;--secondary-gradient-start:#c4b5fd;--secondary-gradient-end:#6eddd5;--accent-gradient-start:#ffd66b;--accent-gradient-end:#3b82f6;--pink-gradient-start:#ff8db5;--pink-gradient-end:#ffb76b;--gradient-primary:linear-gradient(135deg,var(--primary-gradient-start) 0%,var(--primary-gradient-end) 100%);--gradient-primary-dark:linear-gradient(135deg,var(--primary-dark-gradient-start) 0%,var(--primary-dark-gradient-end) 100%);--gradient-success:linear-gradient(135deg,var(--success-gradient-start) 0%,var(--success-gradient-end) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-gradient-start) 0%,var(--secondary-gradient-end) 100%);--gradient-accent:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);--bg-primary:linear-gradient(135deg,#020617,#0f172a);--bg-secondary:#0f172a;--card-bg:#0f172a;--card-bg-hover:#1e293b;--nav-bg:rgba(15,23,42,.85);--note-bg:linear-gradient(135deg,#1e293b,#334155);--bg-glass:rgba(15,23,42,.9);--bg-glass-light:hsla(0,0%,100%,.05);--bg-glass-heavy:rgba(30,30,40,.7);--icon-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e0;--text-tertiary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-light:#475569;--border-hover:#475569;--border-dashed:hsla(0,0%,100%,.2);--hover-bg:#1e293b;--active-bg:#1e3a8a;--focus-ring:rgba(29,78,216,.3);--slider-track:#334155;--marker-inactive:#64748b;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.6),0 10px 10px -5px rgba(0,0,0,.5);--shadow-2xl:0 20px 40px rgba(0,0,0,.4);--shadow-icon:0 8px 16px rgba(0,0,0,.35);--shadow-card:0 4px 12px rgba(0,0,0,.3);--shadow-colored:0 10px 30px -5px rgba(29,78,216,.4);--shadow-primary:0 12px 35px -5px rgba(29,78,216,.4);--shadow-success:0 10px 25px rgba(52,211,153,.4);--shadow-pink:0 4px 12px rgba(255,141,181,.3);--shadow-sticky:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3);--calendar-icon-filter:invert(1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.011em;line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}.page{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible{outline-offset:4px}::-moz-selection{background:var(--primary);color:#fff}::selection{background:var(--primary);color:#fff}@media(max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media print{.background-shapes,.navbar,.theme-toggle{display:none}body{background:#fff;color:#000}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vc-pink{--vc-accent-200:#e0f2fe;--vc-accent-300:#bae6fd;--vc-accent-400:#7dd3fc;--vc-accent-500:#1d4ed8;--vc-accent-600:#1e40af}.card{background:var(--gradient-primary);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.card:before{background:var(--gradient-primary-dark);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.card:hover:before{opacity:1}.icon-container{align-items:center;background:var(--icon-bg);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:3.5rem;justify-content:center;width:3.5rem}.icon-container--sm{border-radius:var(--radius-md);height:2.5rem;width:2.5rem}.icon-container--lg{border-radius:var(--radius-xl);height:4.5rem;width:4.5rem}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.625rem;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-colored);color:#fff}.btn-primary:before{background:var(--gradient-primary-dark);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.btn-primary:not(:disabled):hover{box-shadow:var(--shadow-primary);transform:translateY(-3px)}.btn-primary:not(:disabled):hover:before{opacity:1}.btn-primary:not(:disabled):active{box-shadow:var(--shadow-colored);transform:translateY(-1px)}.btn-secondary{background:var(--hover-bg);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:not(:disabled):hover{background:var(--border-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:not(:disabled):hover{background:var(--hover-bg);color:var(--text-primary)}.page-header{margin-bottom:var(--spacing-xl);padding-top:var(--spacing-sm);text-align:center}.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:var(--spacing-md);justify-content:center;letter-spacing:-.025em;margin:0 0 var(--spacing-sm)}.page-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.6;margin:0}.sticky-header{display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:4.5rem;z-index:90}.sticky-content{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-glass-heavy);border-radius:var(--radius-lg);box-shadow:var(--shadow-sticky);margin-top:var(--spacing-sm);max-width:92vw;pointer-events:auto;width:540px}.toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-success);border-radius:var(--radius-md);box-shadow:var(--shadow-success);color:#fff;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:1.125rem 1.75rem;position:fixed;right:var(--spacing-xl);top:var(--spacing-xl);z-index:1000}.empty-state{color:var(--text-secondary);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:1rem;margin:0 auto;max-width:400px}.icon-pink{color:var(--pink)}.icon-primary{color:var(--primary)}.icon-success{color:var(--success)}.icon-warning{color:var(--warning)}.icon-error{color:var(--error)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-20px)}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-1rem)}