:root{--bg-dark:#0b0d12;--bg-card:#13151c;--bg-elevated:#1a1d26;--bg-hover:#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-md:0 8px 24px #0000003d;--shadow-lg:0 16px 48px #00000052}.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);position:fixed;inset: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-tabs{gap:.5rem;display:flex}.nav-tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-tab:hover{color:var(--text-secondary);background:#ffffff08}.nav-tab.active{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-subtle)}.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 10rem;position:relative}.active-goal-header{border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1d2699,#13151ccc);border-radius:20px;margin-bottom:3rem;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative;overflow:hidden}.active-goal-header:before{content:"";background:linear-gradient(90deg,var(--primary-purple),var(--primary-pink));height:3px;position:absolute;top:0;left:0;right:0}.active-goal-header:after{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#a855f726,#0000);height:150px;position:absolute;top:0;left:0;right:0}.goal-header-top{align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex;position:relative}.goal-icon-large{background:linear-gradient(135deg,#a855f733,#ec489933);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.goal-icon-large svg{width:28px;height:28px;stroke:var(--primary-purple);stroke-width:2px;fill:none}.goal-header-info{flex:1}.goal-title-large{font-family:"Syne",var(--font-syne),sans-serif;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.4;position:relative}.goal-meta{flex-wrap:wrap;gap:2rem;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.meta-item svg{width:18px;height:18px;stroke:var(--text-tertiary);stroke-width:2px;fill:none}.meta-value{color:var(--text-primary);font-weight:600}.date-nav{justify-content:space-between;align-items:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp;display:flex}.date-nav-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);min-width:120px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.date-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#ffffff1f;transform:translateY(-1px)}.date-nav-btn svg{width:18px;height:18px}.current-date{text-align:center}.date-label{color:var(--text-tertiary);margin-bottom:.25rem;font-size:.875rem}.date-value{font-family:"Syne",var(--font-syne),sans-serif;letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.task-card{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1d2699,#13151ccc);border-radius:20px;flex-direction:column;min-height:200px;margin-bottom:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;display:flex;position:relative;overflow:hidden}.task-card:before{content:"";opacity:0;background:radial-gradient(80% 60% at 50% 0,#a855f714,#0000);height:120px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.task-card:hover:before{opacity:1}.task-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),0 0 0 1px #a855f71a;transform:translateY(-4px)}.task-header{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.task-icon{background:linear-gradient(135deg,#06b6d433,#a855f733);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.task-icon svg{width:24px;height:24px;stroke:var(--primary-cyan);stroke-width:2px;fill:none}.task-info{flex:1}.task-title{font-family:"Syne",var(--font-syne),sans-serif;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.task-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.task-meta-row{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);gap:2rem;margin-bottom:1.5rem;padding:1.5rem 0;display:flex}.task-meta-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.task-meta-item svg{width:16px;height:16px;stroke:var(--text-tertiary);stroke-width:2px;fill:none}.task-meta-value{color:var(--text-primary);font-weight:600}.day-badge{color:var(--primary-cyan);background:#06b6d426;border:1px solid #06b6d44d;border-radius:100px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.task-footer{justify-content:flex-end;margin-top:auto;display:flex}.btn-work-task{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 8px 24px -8px #a855f766}.btn-work-task:hover{transform:translateY(-2px);box-shadow:0 0 0 4px #a855f71a,0 12px 32px -8px #a855f799}.btn-work-task svg{stroke-width:2px;width:20px;height:20px}.progress-section{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:998;will-change:transform;background:#0b0d12f2;border-top:1px solid #ffffff0f;padding:1.25rem 2rem;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -4px 24px #0000004d}@media (min-width:769px){.progress-section{position:fixed!important;bottom:0!important}.container{padding-bottom:calc(80px + 2rem)}}@media (max-width:768px){.progress-section{will-change:transform!important;width:100%!important;position:fixed!important;bottom:70px!important;left:0!important;right:0!important;transform:translateZ(0)!important}}.progress-container{align-items:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.progress-label-section{min-width:140px}.progress-label{color:var(--text-tertiary);margin-bottom:.25rem;font-size:.875rem}.progress-value{font-family:"Syne",var(--font-syne),sans-serif;background:linear-gradient(135deg,var(--primary-green),var(--primary-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.progress-bar-wrapper{flex:1}.progress-bar{background:#ffffff0d;border-radius:100px;height:12px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-green),var(--primary-cyan));border-radius:100px;width:0%;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.empty-state{text-align:center;padding:6rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .3s 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}.btn-add-goal{background:linear-gradient(135deg,var(--primary-purple),var(--primary-pink));color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 8px 24px -8px #a855f766}.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}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tasks-list{flex-direction:column;gap:1.5rem;display:flex}@media (max-width:768px){.container{min-height:calc(100vh - 200px)!important;padding:calc(60px + 1rem) 1.5rem calc(140px + 2rem)!important}.nav-tabs{display:none}.active-goal-header{margin-top:0;margin-bottom:1rem;padding:1rem}.goal-header-top{flex-direction:row;align-items:flex-start;gap:1rem}.goal-icon-large{flex-shrink:0;width:48px;height:48px}.goal-icon-large svg{width:24px;height:24px}.goal-title-large{margin-bottom:.5rem;font-size:1.125rem;line-height:1.3}.goal-meta{flex-wrap:wrap;gap:.75rem}.meta-item{font-size:.875rem}.date-nav{flex-direction:row;gap:1rem;margin-bottom:1rem}.date-nav-btn{flex:1;min-width:100px;height:44px;padding:0 1rem;font-size:.875rem}.current-date{flex:1;order:0;min-width:0}.date-label{font-size:.75rem}.date-value{font-size:1.125rem}.task-card{padding:1.5rem}.task-meta-row{flex-wrap:wrap;gap:1rem}.progress-section{padding:.75rem 1.5rem;will-change:transform!important;z-index:998!important;width:100%!important;position:fixed!important;bottom:70px!important;left:0!important;right:0!important;transform:translateZ(0)!important}.progress-container{flex-direction:column;gap:.75rem;padding:0}.progress-label-section{text-align:center;width:100%}.progress-label{font-size:.75rem}.progress-value{font-size:1.5rem}.progress-bar-wrapper{width:100%}}