:root{--bg-dark:#0b0d12;--bg-card:#13151c;--bg-elevated:#1a1d26;--bg-hover:#1e2129;--bg-input:#1e2129;--border-subtle:#ffffff0f;--border-glow:#a855f733;--primary-purple:#a855f7;--primary-pink:#ec4899;--primary-cyan:#06b6d4;--primary-orange:#f59e0b;--primary-green:#10b981;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--shadow-sm:0 2px 8px #0000001f;--shadow-md:0 8px 24px #0000003d;--shadow-lg:0 16px 48px #00000052;--shadow-xl:0 24px 64px #0000007a}.noise-bg{z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#a855f714,#0000),radial-gradient(60% 50% at 80%,#06b6d40d,#0000);width:100%;height:100%;position:fixed;top:0;left:0}.noise-bg:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#0b0d12cc;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{font-family:"Syne",var(--font-syne),sans-serif;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;text-decoration:none;transition:transform .2s,filter .2s}.logo:hover{filter:brightness(1.15);transform:scale(1.05)}.nav-actions{align-items:center;gap:1rem;display:flex}.btn-back{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#ffffff1f}.loading-container{z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #a855f71a;border-top-color:var(--primary-purple);border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);margin-top:1.5rem;font-size:.9375rem;font-weight:500}.container{z-index:100;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:6rem 2rem 4rem;position:relative}.page-header{margin-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp}.header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-title{font-family:"Syne",var(--font-syne),sans-serif;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.goals-count{color:var(--text-tertiary);font-size:1rem;font-weight:500}.goals-count strong{color:var(--text-secondary);font-weight:600}.btn-add-goal{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 24px -8px #a855f780}.btn-add-goal:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #a855f71a,0 12px 32px -8px #a855f799}.btn-add-goal svg{stroke-width:2px;width:20px;height:20px}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem;width:100%;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp;display:grid}.goal-card{border:1px solid var(--border-subtle);cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1d2699,#13151ccc);border-radius:20px;flex-direction:column;min-height:280px;padding:2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.goal-card:before{content:"";opacity:0;background:radial-gradient(80% 60% at 50% 0,#a855f71a,#0000);height:120px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.goal-card:hover:before{opacity:1}.goal-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),0 0 0 1px #a855f71a,inset 0 1px 0 #ffffff0d;transform:translateY(-4px)}.goal-card.active{background:linear-gradient(135deg,#1a1d26cc,#13151ce6);border-color:#10b9814d}.goal-card.active:after{content:"";background:linear-gradient(90deg,var(--primary-green),var(--primary-cyan));height:3px;position:absolute;top:0;left:0;right:0}.goal-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.goal-icon{background:linear-gradient(135deg,#a855f733,#ec489933);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.goal-icon svg{width:24px;height:24px;stroke:var(--primary-purple);stroke-width:2px;fill:none}.goal-info{flex:1;min-width:0}.goal-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.badge{border-radius:100px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-active{color:var(--primary-green);background:#10b98126;border:1px solid #10b9814d}.badge-active .dot{background:var(--primary-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.badge-academic{color:var(--primary-purple);background:#a855f726;border:1px solid #a855f74d}.goal-title{font-family:"Syne",var(--font-syne),sans-serif;color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.goal-stats{border-bottom:1px solid var(--border-subtle);gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.stat{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.stat svg{width:16px;height:16px;stroke:var(--text-tertiary);stroke-width:2px;fill:none}.stat-value{color:var(--text-primary);font-weight:600}.goal-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.goal-date{color:var(--text-tertiary);font-size:.8125rem}.btn-work{color:var(--primary-purple);cursor:pointer;background:#a855f71a;border:1px solid #a855f74d;border-radius:10px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.btn-work:hover{background:#a855f726;border-color:#a855f780;transform:translate(2px)}.empty-state{text-align:center;padding:6rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.empty-icon{background:linear-gradient(135deg,#a855f71a,#ec48991a);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex}.empty-icon svg{width:40px;height:40px;stroke:var(--text-tertiary);stroke-width:1.5px;fill:none}.empty-title{font-family:"Syne",var(--font-syne),sans-serif;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.empty-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.goals-section{margin-bottom:3rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-title-row{align-items:center;gap:.75rem;display:flex}.section-title{font-family:"Syne",var(--font-syne),sans-serif;color:var(--text-primary);font-size:1.5rem;font-weight:700}.section-count{min-width:28px;height:28px;color:var(--primary-purple);background:#a855f726;border:1px solid #a855f74d;border-radius:8px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn-add-small{color:var(--primary-purple);cursor:pointer;background:#a855f726;border:1px solid #a855f74d;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-add-small:hover{background:#a855f733;border-color:#a855f780;transform:translateY(-2px)}.btn-add-small svg{width:16px;height:16px}.empty-section{text-align:center;border:1px solid var(--border-subtle);background:#ffffff05;border-radius:20px;padding:3rem 2rem}.empty-section .empty-icon{background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;display:flex}.empty-section .empty-icon svg{width:28px;height:28px;stroke:var(--text-tertiary);stroke-width:1.5px;fill:none}.empty-section .empty-text{color:var(--text-tertiary);font-size:.9375rem}.goal-header-content{margin-bottom:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding:calc(60px + 1rem) 1.5rem calc(70px + 1rem)}.page-title{font-size:2rem}.header-top{flex-direction:column;gap:1.5rem}.btn-add-goal{justify-content:center;width:100%}.goals-grid{grid-template-columns:1fr}.goal-stats{flex-wrap:wrap}.section-header{flex-wrap:wrap;gap:1rem}.section-title{font-size:1.25rem}}