@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #000000;--card: #111111;--card-hi: #181818;--border: #242424;--border-hi: #383838;--text: #e8e8e8;--text-mid: #888888;--text-dim: #444444;--white: #ffffff;--blue: #60a5fa;--purple: #a78bfa;--green: #34d399;--red: #f87171;--orange: #fbbf24;--pink: #f472b6;--shadow-z1: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 0 0 1px rgba(255, 255, 255, .04), 0 2px 6px rgba(0, 0, 0, .6), 0 10px 24px rgba(0, 0, 0, .5);--shadow-z2: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 0 0 1px rgba(255, 255, 255, .07), 0 4px 12px rgba(0, 0, 0, .7), 0 20px 48px rgba(0, 0, 0, .6);--shadow-z3: 0 1px 0 rgba(255, 255, 255, .14) inset, 0 0 0 1px rgba(255, 255, 255, .11), 0 8px 24px rgba(0, 0, 0, .8), 0 32px 72px rgba(0, 0, 0, .7);--shadow-btn: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 -2px 0 rgba(0, 0, 0, .3) inset, 0 4px 16px rgba(0, 0, 0, .6);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 26px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.4, 0, .2, 1);--mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:#000;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5;background-image:radial-gradient(ellipse 100% 100% at 50% 0%,rgba(255,255,255,.02) 0%,transparent 55%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px}.app-container{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:2rem 2rem 5rem;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-bottom:max(5rem,calc(env(safe-area-inset-bottom) + 4rem))}@media (max-width: 640px){.app-container{padding:1rem 1rem 5rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(5rem,calc(env(safe-area-inset-bottom) + 4rem))}}.glass-panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);padding:1.75rem;box-shadow:var(--shadow-z1);transition:transform .35s var(--spring),box-shadow .35s var(--ease),border-color .25s var(--ease);position:relative;overflow:hidden;will-change:transform}.glass-panel:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 30%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.18) 70%,transparent);border-radius:999px}.glass-panel:after{content:"";position:absolute;top:0;right:0;width:40%;height:50%;background:radial-gradient(ellipse at top right,rgba(255,255,255,.025) 0%,transparent 70%);pointer-events:none}.glass-panel:hover{transform:translateY(-5px) scale(1.006);box-shadow:var(--shadow-z3);border-color:var(--border-hi)}@media (max-width: 640px){.glass-panel{padding:1.2rem;border-radius:var(--r-lg)}.glass-panel:hover{transform:translateY(-2px)}}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;margin-top:1.5rem;align-items:start}@media (max-width: 1080px){.dashboard-grid{grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1.5rem}@media (max-width: 900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid{gap:.6rem}}.stat-card{display:flex;flex-direction:column;gap:.3rem;cursor:default}.stat-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono)}.stat-value{font-size:2.2rem;font-weight:900;line-height:1;color:var(--white);font-family:var(--mono);animation:numPop .55s var(--spring) both}@keyframes numPop{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}@media (max-width: 480px){.stat-value{font-size:1.6rem}}.highlight-card{background:linear-gradient(145deg,#1a1a1a,#131313);border-color:#333;box-shadow:0 1px #ffffff1a inset,0 0 0 1px #ffffff0f,0 8px 28px #000000b3,0 0 40px #ffffff08}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.6rem;flex-wrap:wrap;gap:1rem}.header h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;letter-spacing:-.04em;color:var(--white);line-height:1}.header p{font-size:.8rem;color:var(--text-mid);margin-top:.4rem;font-family:var(--mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:var(--r-sm);padding:.6rem 1.15rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .25s var(--spring),box-shadow .2s var(--ease),background .2s var(--ease);white-space:nowrap;position:relative;overflow:hidden;letter-spacing:-.01em}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .2s}.btn:active:before{background:#ffffff14}.btn-primary{background:linear-gradient(180deg,#fff,#d8d8d8);color:#0a0a0f;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 1px #ffffff4d inset,0 -2px #0003 inset,0 8px 28px #0009}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-outline{background:#ffffff0d;border:1px solid var(--border-hi);color:var(--text-mid);box-shadow:0 1px #ffffff12 inset,0 2px 8px #0006}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d;color:var(--white);transform:translateY(-2px);box-shadow:0 1px #ffffff1f inset,0 6px 20px #00000080}.btn-outline:active{transform:translateY(0)}.btn-success{background:#34d3991f;border:1px solid rgba(52,211,153,.28);color:var(--green);box-shadow:0 0 16px #34d3991a}.btn-success:hover{background:#34d39933;transform:translateY(-1px);box-shadow:0 0 28px #34d39933}@media (max-width: 640px){.btn{padding:.5rem .8rem;font-size:.78rem}}@media (max-width: 768px){.nav-label{display:none}}.progress-bar{height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-top:.65rem;box-shadow:0 1px 4px #0009 inset}.progress-fill{height:100%;border-radius:999px;transition:width .8s var(--spring);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2.8s ease-in-out infinite}@keyframes shimmer{0%{left:-80%}to{left:160%}}.productivity-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0f;border:1px solid var(--border-hi);color:var(--text-mid);padding:.42rem .9rem;border-radius:999px;font-size:.76rem;font-weight:600;font-family:var(--mono);box-shadow:0 1px #ffffff14 inset,0 2px 8px #00000073}.streak-badge{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0d;border:1px solid var(--streak-color, var(--border));color:var(--streak-color, var(--text-mid));padding:.4rem .85rem;border-radius:999px;font-size:.73rem;font-weight:700;font-family:var(--mono);box-shadow:0 0 0 0 var(--streak-color, transparent);animation:streakPulse 3.5s ease-in-out infinite}@keyframes streakPulse{0%,to{box-shadow:0 0 6px -2px var(--streak-color, transparent)}50%{box-shadow:0 0 14px 0 var(--streak-color, transparent)}}.category-selector{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}.cat-pill{padding:.38rem .9rem;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-mid);cursor:pointer;font-size:.78rem;font-weight:500;transition:all .22s var(--spring);white-space:nowrap;box-shadow:0 1px #ffffff0f inset,0 2px 6px #00000059}.cat-pill:hover{background:#ffffff1a;border-color:#ffffff38;color:var(--white);transform:translateY(-2px);box-shadow:0 1px #ffffff1a inset,0 4px 14px #00000080}.cat-pill.active{background:var(--cat-color, #fff);border-color:transparent;color:#0a0a0f;font-weight:700;transform:translateY(-2px);box-shadow:0 1px #ffffff59 inset,0 4px 16px color-mix(in srgb,var(--cat-color, #fff),transparent 45%),0 0 28px color-mix(in srgb,var(--cat-color, #fff),transparent 65%)}.tasks-container{display:flex;flex-direction:column;gap:.5rem}.task-item{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:#ffffff06;border:1px solid var(--border);border-radius:var(--r-md);gap:.75rem;position:relative;overflow:hidden;transition:background .2s var(--ease),border-color .2s var(--ease),transform .25s var(--spring),box-shadow .25s var(--ease)}.task-item:after{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;border-radius:0 3px 3px 0;background:var(--task-color, var(--blue));opacity:.8}.task-item:hover{background:#ffffff0c;border-color:var(--border-hi);transform:translate(4px);box-shadow:0 4px 24px #0006}.task-completed{opacity:.32;background:#0000001a!important}.task-completed:hover{transform:none}.task-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.task-icon{width:36px;height:36px;border-radius:10px;background:#ffffff0f;border:1px solid var(--border);box-shadow:0 1px #ffffff14 inset,0 2px 6px #0006;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.task-title{font-weight:500;font-size:.88rem;line-height:1.3;color:var(--text)}.task-category{font-size:.67rem;font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.task-check-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s var(--spring),opacity .2s;opacity:.55;padding:3px;border-radius:50%}.task-check-btn:hover{transform:scale(1.25);opacity:1}.task-check-btn:active{transform:scale(.88)}@keyframes checkPop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.35) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.task-completed .task-check-btn svg:first-child{animation:checkPop .45s var(--spring) both}@media (max-width: 640px){.task-item{padding:.85rem;flex-wrap:wrap}.task-info{min-width:100%;margin-bottom:.4rem}.task-actions{width:100%;justify-content:flex-end;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.05)}.task-icon{width:32px;height:32px;border-radius:8px}}.priority-badge{padding:.2rem .65rem;border-radius:999px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-family:var(--mono);flex-shrink:0;box-shadow:0 1px 4px #00000080}.priority-high{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.25)}.priority-medium{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.22)}.priority-low{background:#ffffff0f;color:var(--text-dim);border:1px solid var(--border)}.input-field{width:100%;background:#0d0d15;border:1px solid var(--border-hi);color:var(--text);padding:.78rem 1rem;border-radius:var(--r-sm);font-family:Inter,sans-serif;font-size:.88rem;outline:none;box-shadow:0 1px #ffffff0a inset,0 2px 8px #00000080 inset;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.input-field:focus{border-color:#a78bfa99;box-shadow:0 0 0 3px #a78bfa1a,0 1px #ffffff0f inset,0 2px 8px #00000080 inset}.input-field::placeholder{color:var(--text-dim)}select.input-field option{background:#14141c;color:var(--text)}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-family:var(--mono)}.add-task-form{display:flex;flex-direction:column;gap:1rem}.mt-2{margin-top:.85rem}.chart-container{height:300px;width:100%}@media (max-width: 640px){.chart-container{height:240px}}.daily-challenge{position:relative;overflow:hidden;background:#111;border-color:#2a2a2a}.daily-challenge:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--orange) 40%,var(--orange) 60%,transparent 100%);opacity:.7}.challenge-success{background:#0d1a12!important;border-color:#34d39940!important}.challenge-success:before{background:linear-gradient(90deg,transparent 0%,var(--green) 40%,var(--green) 60%,transparent 100%)!important}.urgent-task{cursor:pointer;padding:.7rem .9rem;margin-bottom:.4rem;border-radius:var(--r-sm);background:#ffffff08;border:1px solid var(--border);display:flex;align-items:center;gap:.6rem;transition:all .2s var(--ease)}.urgent-task:hover{background:#ffffff12;border-color:var(--border-hi);transform:translate(3px)}.onboarding-wrapper{display:flex;align-items:center;justify-content:center;min-height:86vh;padding:1.5rem}.onboarding-panel{width:100%;max-width:500px;padding:2.8rem;background:#111;border:1px solid #2a2a2a;box-shadow:0 1px #ffffff1a inset,0 0 0 1px #ffffff0d,0 20px 60px #000000e6,0 4px 16px #000000b3}@media (max-width: 480px){.onboarding-panel{padding:1.6rem}}.onboarding-progress{position:absolute;top:0;left:0;width:100%;height:3px;background:#ffffff0d}.onboarding-step{display:flex;flex-direction:column;gap:.4rem}.onboarding-step h2{font-size:1.8rem;font-weight:900;letter-spacing:-.04em;color:var(--white);line-height:1.1}.onboarding-step p{color:var(--text-mid);font-size:.88rem;line-height:1.65}.step-icon{width:58px;height:58px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem;box-shadow:0 1px #ffffff26 inset,0 4px 16px #00000080}.subjects-list{display:flex;flex-direction:column;gap:.5rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}.animate-fade-in{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.stats-grid>:nth-child(1){animation:fadeUp .45s cubic-bezier(.22,1,.36,1) .04s both}.stats-grid>:nth-child(2){animation:fadeUp .45s cubic-bezier(.22,1,.36,1) .09s both}.stats-grid>:nth-child(3){animation:fadeUp .45s cubic-bezier(.22,1,.36,1) .14s both}.stats-grid>:nth-child(4){animation:fadeUp .45s cubic-bezier(.22,1,.36,1) .19s both}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}h2,h3{letter-spacing:-.02em}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.analytics-panel-root{background:linear-gradient(145deg,#131313,#0f0f0f);border-color:#2a2a2a}.analytics-charts-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.6rem}.analytics-chart-wrap{flex:1 1 260px;min-width:0}.analytics-chart-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;font-family:JetBrains Mono,monospace;margin-bottom:.75rem}.analytics-cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.analytics-cat-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);position:relative;overflow:hidden;cursor:default;transition:transform .28s var(--spring),border-color .2s var(--ease),box-shadow .25s var(--ease),background .2s var(--ease);animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both}.analytics-cat-card:hover{transform:translateY(-3px) scale(1.02);border-color:var(--ac, rgba(255, 255, 255, .15));box-shadow:0 0 0 1px var(--ac, rgba(255, 255, 255, .1)),0 8px 32px #0000008c,0 0 24px var(--ac-glow, rgba(255, 255, 255, .05));background:#ffffff0a}@media (max-width: 640px){.analytics-charts-row{flex-direction:column;gap:1rem}.analytics-cat-cards{grid-template-columns:1fr 1fr;gap:.55rem}.analytics-cat-card{padding:.7rem .8rem}}@media (max-width: 420px){.analytics-cat-cards{grid-template-columns:1fr}}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.4}}