body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}:root{--gray-950: #0a0e1a;--gray-900: #0f1720;--gray-850: #151b2a;--gray-800: #1e293b;--gray-750: #273448;--gray-700: #334155;--gray-600: #475569;--gray-500: #64748b;--gray-400: #94a3b8;--gray-300: #cbd5e1;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--gray-50: #f8fafc;--color-blue-600: #2563eb;--color-blue-500: #3b82f6;--color-blue-400: #60a5fa;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-emerald-600: #059669;--color-emerald-500: #10b981;--color-emerald-400: #34d399;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-amber-500: #f59e0b;--color-purple-600: #7c3aed;--color-violet-500: #8b5cf6;--bg: var(--gray-900);--bg-gradient: linear-gradient(135deg, #0a0e1a 0%, #0f1720 50%, #151b2a 100%);--surface: rgba(30, 41, 59, .4);--surface-elevated: rgba(51, 65, 85, .3);--muted-surface: rgba(30, 41, 59, .25);--card-border: rgba(148, 163, 184, .1);--card-border-hover: rgba(148, 163, 184, .2);--accent: var(--color-blue-500);--accent-hover: var(--color-blue-600);--accent-strong: var(--color-blue-700);--accent-gradient: linear-gradient(135deg, var(--color-blue-500), var(--color-blue-600));--success: var(--color-emerald-500);--danger: var(--color-red-500);--danger-hover: var(--color-red-600);--warning: var(--color-amber-500);--primary-text: #ffffff;--text-color: var(--primary-text);--text-secondary: var(--gray-300);--muted-text: var(--gray-400);--nav-bg: rgba(15, 23, 32, .8);--nav-border: rgba(255, 255, 255, .08);--nav-hover: rgba(59, 130, 246, .15);--input-bg: rgba(30, 41, 59, .5);--input-border: rgba(148, 163, 184, .2);--input-border-focus: rgba(59, 130, 246, .5);--input-border-hover: rgba(148, 163, 184, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5), 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6), 0 8px 10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-hover: 0 0 30px rgba(59, 130, 246, .4);--north-star-color: #fbbf24;--goals-color: #3b82f6;--weekly-focus-color: #10b981;--weekly-review-color: #8b5cf6;--north-star-bg: linear-gradient(135deg, rgba(251, 191, 36, .12), rgba(251, 191, 36, .06));--goals-bg: linear-gradient(135deg, rgba(59, 130, 246, .12), rgba(59, 130, 246, .06));--weekly-focus-bg: linear-gradient(135deg, rgba(16, 185, 129, .12), rgba(16, 185, 129, .06));--weekly-review-bg: linear-gradient(135deg, rgba(139, 92, 246, .12), rgba(139, 92, 246, .06))}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(59,130,246,.08) 0%,transparent 100%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(139,92,246,.06) 0%,transparent 100%),linear-gradient(180deg,#0a0e1a,#0f1720,#151b2a);background-attachment:fixed;color:var(--text-color);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#0f1720bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1rem 2rem;display:flex;gap:1rem;align-items:center;box-shadow:0 8px 32px #0006,inset 0 -1px 0 var(--nav-border);border-bottom:1px solid var(--nav-border);position:relative;z-index:100}.nav-link{color:var(--text-color);text-decoration:none;font-weight:600;padding:.625rem 1rem;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9375rem;position:relative}.nav-link:hover{background:var(--nav-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.nav-link:active{transform:translateY(0)}.nav-button-logout{background:#ef44441a;color:var(--color-red-400);border:1px solid rgba(239,68,68,.2);padding:.625rem 1rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;font-family:inherit}.nav-button-logout:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef444466;color:#f87171;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.nav-button-logout:active{transform:translateY(0);box-shadow:0 2px 6px #ef444433}.main-content{flex:1;padding:2.5rem;max-width:1200px;width:100%;margin:0 auto}.card{background:#1e293b66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--card-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.muted-card{background:#1e293b4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--card-border)}.muted-item{background:#1e293b33;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:.875rem;border:1px solid var(--card-border);transition:all .2s ease}.muted-item:hover{background:#1e293b4d;border-color:var(--card-border-hover)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color);letter-spacing:-.02em}.button{background:var(--accent-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md),0 0 #3b82f600;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.button:hover:before{left:100%}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-secondary{background:transparent;color:var(--text-color);border:1px solid var(--card-border);box-shadow:none}.button-secondary:hover{background:var(--nav-hover);border-color:var(--card-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button-danger{background:linear-gradient(135deg,var(--color-red-500),var(--color-red-600));box-shadow:var(--shadow-md)}.button-danger:hover{box-shadow:var(--shadow-lg),0 0 20px #ef44444d}.input,.textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--input-border);border-radius:10px;font-size:1rem;background:var(--input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-color);transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.input:hover,.textarea:hover{border-color:var(--input-border-hover);background:#1e293b99}.input:focus,.textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a,0 0 0 1px var(--input-border-focus);background:#1e293bb3}.input::placeholder,.textarea::placeholder{color:var(--muted-text);opacity:.7}.textarea{min-height:100px;resize:vertical;line-height:1.5}.label{display:block;margin-bottom:.625rem;font-weight:600;color:var(--text-secondary);font-size:.9375rem;letter-spacing:-.01em}.form-group{margin-bottom:1.25rem}.checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--accent);border-radius:4px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--muted-text)}.empty-state h3{margin-bottom:.75rem;color:var(--text-secondary);font-size:1.25rem;font-weight:600}.empty-state p{color:var(--muted-text);font-size:.9375rem}.muted-text{color:var(--muted-text);font-weight:500}.auth-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:420px;background:#1e293b80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--card-border)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:56px;height:56px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--accent-gradient);box-shadow:var(--shadow-glow);font-size:1.75rem}.auth-title{font-size:1.875rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{font-size:.9375rem;color:var(--muted-text)}.auth-link{color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1rem;margin-bottom:1.5rem;color:#f87171;font-size:.9375rem}.auth-form-group{margin-bottom:1.5rem}.auth-form-group:last-of-type{margin-bottom:0}.auth-input-group{position:relative}.auth-input{padding:.875rem 1rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-color);font-size:1rem;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-input:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.auth-input:last-child{border-top-left-radius:0;border-top-right-radius:0}.auth-input:only-child{border-radius:10px;border-bottom:1px solid var(--input-border)}.auth-input:hover{border-color:var(--input-border-hover);background:#1e293b99}.auth-input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a,0 0 0 1px var(--input-border-focus);background:#1e293bb3;z-index:1;position:relative}.auth-input::placeholder{color:var(--muted-text);opacity:.7}.auth-button{width:100%;padding:.875rem;margin-top:1.5rem;font-size:1rem}.auth-button:disabled{opacity:.6;cursor:not-allowed}.section-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:12px;margin-bottom:1.25rem;font-size:1.125rem;font-weight:700;width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.1)}.section-header-north-star{background:var(--north-star-bg);border-left:4px solid var(--north-star-color);color:var(--north-star-color)}.section-header-goals{background:var(--goals-bg);border-left:4px solid var(--goals-color);color:var(--goals-color)}.section-header-weekly-focus{background:var(--weekly-focus-bg);border-left:4px solid var(--weekly-focus-color);color:var(--weekly-focus-color)}.section-header-weekly-review{background:var(--weekly-review-bg);border-left:4px solid var(--weekly-review-color);color:var(--weekly-review-color)}.goal-section-card{border-left:3px solid var(--accent);background:linear-gradient(135deg,#3b82f614,#3b82f60a)}.goal-section-health{border-left-color:var(--success);background:linear-gradient(135deg,#10b98114,#10b9810a)}.goal-section-career{border-left-color:var(--warning);background:linear-gradient(135deg,#f59e0b14,#f59e0b0a)}.goal-section-personal{border-left-color:var(--color-purple-600);background:linear-gradient(135deg,#7c3aed14,#7c3aed0a)}.goal-section-finance{border-left-color:var(--color-emerald-600);background:linear-gradient(135deg,#05966914,#0596690a)}.goal-section-relationships{border-left-color:#ec4899;background:linear-gradient(135deg,#ec489914,#ec48990a)}.goal-section-other{border-left-color:var(--gray-500);background:linear-gradient(135deg,#64748b14,#64748b0a)}.progress-bar-enhanced{background:linear-gradient(90deg,var(--success),var(--color-emerald-400));border-radius:6px;box-shadow:0 2px 8px #10b98166,inset 0 1px #fff3;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.loading{opacity:.6;pointer-events:none}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}