@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";html{background:#0b0d11}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0;font-family:DM Sans,Inter,system-ui,sans-serif}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}:root{--bg:#0b0d11;--panel:#11141a;--panel-hover:#171b23;--border:#242934;--text:#f1f3f5;--muted:#8c94a3;--faint:#5e6674;--accent:#8b5cf6;--accent-bright:#a78bfa;--green:#45d39b;--red:#f87171}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;color:var(--text);background:radial-gradient(circle at 70% -10%, #1b1730 0, transparent 36%), var(--bg);display:flex}.score-toast{z-index:20;color:#f2edff;background:linear-gradient(135deg,#3b2a68,#201a36);border:1px solid #7257c4;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:min(380px,100vw - 32px);padding:14px 20px 14px 14px;animation:.35s cubic-bezier(.2,.8,.2,1) score-toast-in,1.2s ease-in-out .35s score-toast-pulse;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0009,0 0 38px #8b5cf666}.score-toast strong,.score-toast small{display:block}.score-toast>span:not(.celebration-confetti):not(.celebration-icon){text-align:center}.score-toast strong{font-size:14px}.score-toast small{color:#c9bdf4;margin-top:3px;font-size:12px}.celebration-icon{color:#14251e;background:var(--green);border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:22px;font-weight:800;animation:.5s ease-out celebration-icon-pop;display:grid;box-shadow:0 0 0 5px #45d39b22}.celebration-confetti{opacity:0;border-radius:2px;width:6px;height:11px;animation:.9s ease-out forwards confetti-pop;position:absolute}.confetti-one{background:#f59e0b;top:-10px;left:8%;transform:rotate(-25deg)}.confetti-two{background:#45d39b;animation-delay:80ms;top:-7px;left:20%;transform:rotate(22deg)}.confetti-three{background:#a78bfa;animation-delay:.16s;top:5px;left:35%;transform:rotate(45deg)}.confetti-four{background:#60a5fa;animation-delay:.12s;bottom:-8px;left:10%;transform:rotate(-40deg)}.confetti-five{background:#f87171;width:8px;height:14px;animation-delay:.2s;top:-14px;left:42%;transform:rotate(65deg)}.confetti-six{background:#facc15;animation-delay:40ms;top:-9px;left:64%;transform:rotate(-55deg)}.confetti-seven{background:#38bdf8;animation-delay:.14s;top:8px;right:18%;transform:rotate(35deg)}.confetti-eight{background:#fb7185;width:8px;height:13px;animation-delay:.22s;bottom:-12px;left:28%;transform:rotate(75deg)}.confetti-nine{background:#c084fc;animation-delay:.1s;bottom:-8px;left:53%;transform:rotate(-65deg)}.confetti-ten{background:#4ade80;animation-delay:.18s;bottom:-10px;right:8%;transform:rotate(30deg)}.confetti-eleven{background:#fb923c;animation-delay:.26s;top:28%;left:-8px;transform:rotate(-70deg)}.confetti-twelve{background:#22d3ee;width:8px;height:13px;animation-delay:.3s;top:25%;right:-8px;transform:rotate(60deg)}@keyframes score-toast-in{0%{opacity:0;transform:translate(-50%,20px)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes score-toast-pulse{50%{box-shadow:0 12px 35px #0009,0 0 35px #8b5cf666}}@keyframes celebration-icon-pop{0%{transform:scale(.4)rotate(-15deg)}70%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes confetti-pop{0%{opacity:1;transform:translateY(2px)scale(.7)rotate(0)}45%{opacity:1}to{opacity:0;transform:translateY(-48px) translateX(var(--confetti-drift,0px)) scale(1.1) rotate(300deg)}}.sidebar{border-right:1px solid var(--border);background:#0c0e13db;flex-direction:column;flex:0 0 244px;width:244px;padding:27px 16px 20px;display:flex}.brand,.mobile-brand{letter-spacing:-.7px;color:#fff;align-items:center;gap:9px;padding:0 13px;font:800 20px Manrope,sans-serif;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#a78bfa,#6941d9);border-radius:9px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 5px 18px #7650df55}.brand-accent{color:var(--accent-bright)}.side-nav{gap:7px;margin-top:58px;display:grid}.nav-item{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:11px 13px;font-size:14px;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1b1d29}.nav-item.active{box-shadow:inset 2px 0 var(--accent)}.nav-count{color:var(--faint);margin-left:auto;font-size:12px}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding:18px 10px 0;font-size:12px}.sidebar-footer small{color:var(--faint);margin-top:6px;display:block}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:77px;padding:0 clamp(24px,5vw,70px);display:flex}.mobile-brand,.mobile-nav{display:none}.search-box{color:var(--faint);align-items:center;gap:10px;width:260px;display:flex}.search-box input{color:var(--text);background:0 0;border:0;outline:none;width:100%;font-size:13px}.search-box input::placeholder{color:var(--faint)}.top-actions{align-items:center;gap:24px;display:flex}.pending-summary{color:var(--muted);font-size:12px}.pending-summary b{color:var(--text);font-size:14px}.avatar{color:#dcd2ff;background:#292140;border:1px solid #42336f;border-radius:50%;width:32px;height:32px;font-size:11px;font-weight:700}.score-section{max-width:850px}.score-summary{gap:16px;margin-bottom:18px;display:flex}.score-summary>div{border:1px solid var(--border);background:#12161ddb;border-radius:9px;flex:1;padding:20px}.score-label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.score-summary strong{font:700 28px Manrope,sans-serif}.score-summary small{color:var(--muted);margin-left:3px;font-size:13px}.chart-card{border:1px solid var(--border);background:#12161ddb;border-radius:9px;padding:24px 18px 28px 43px;position:relative;overflow-x:auto}.bar-chart{border-bottom:1px solid var(--border);align-items:stretch;gap:clamp(8px,2vw,20px);min-width:600px;height:280px;padding:0 12px;display:flex}.bar-column{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:7px;min-width:34px;height:100%;display:flex}.bar-value{min-height:14px;color:var(--text);font-size:11px;font-weight:700}.bar-track{background:#1a1e27;border-radius:6px 6px 0 0;align-items:end;width:min(100%,42px);height:220px;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(180deg, var(--accent-bright), var(--accent));border-radius:6px 6px 0 0;width:100%;transition:height .35s;box-shadow:0 0 18px #8b5cf644}.bar-date{color:var(--muted);white-space:nowrap;font-size:10px}.chart-axis{color:var(--faint);flex-direction:column;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:27px;bottom:57px;left:16px}.content-wrap{max-width:1050px;margin:0 auto;padding:61px 36px 80px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:50px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--accent-bright);margin:0 0 12px;font-size:10px;font-weight:700}.page-heading h1{letter-spacing:-1.5px;margin:0 0 9px;font:800 clamp(28px,4vw,39px) Manrope,sans-serif}.subtitle{color:var(--muted);font-size:14px}.primary-button,.secondary-button{color:#fff;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.primary-button{background:linear-gradient(135deg,#8b5cf6,#7142dd);box-shadow:0 7px 20px #6d43d333}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.secondary-button{border-color:var(--border);color:var(--text);background:#1b1f28}.secondary-button:hover{background:#252a35}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;gap:32px;margin-bottom:35px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{width:0;height:0;display:none}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0 2px 15px;font-size:13px;font-weight:500;position:relative}.tab span{color:var(--faint);margin-left:6px;font-size:11px}.tab.selected{color:#fff}.tab.selected:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.task-section{max-width:850px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.section-heading h2{margin:0 0 5px;font:700 17px Manrope,sans-serif}.section-heading span{color:var(--muted);font-size:12px}.date-label{align-items:center;gap:7px;display:flex;color:var(--muted)!important}.task-list{gap:10px;display:grid}.task-card{border:1px solid var(--border);background:#12161ddb;border-radius:9px;align-items:center;gap:15px;min-height:87px;padding:17px 18px;transition:all .2s;display:flex}.task-card:hover{background:var(--panel-hover);border-color:#3b4050}.check-button{color:#0000;background:0 0;border:1.5px solid #4a5363;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;padding:0;transition:all .2s;display:grid}.check-button:hover{color:#fff;border-color:var(--accent-bright);background:#543ca544}.check-button.checked{color:#111;border-color:var(--green);background:var(--green)}.task-info{flex:1;min-width:0}.task-info h3{color:#e8eaf0;margin:0 0 5px;font-size:14px;font-weight:600}.task-info p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:12px;overflow:hidden}.task-meta{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.type-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.type-dot.weekly{background:#3b82f6}.type-dot.monthly{background:#f59e0b}.type-dot.general{background:#38bdf8}.meta-divider{background:var(--border);width:1px;height:12px;margin:0 3px}.card-actions{opacity:0;gap:4px;transition:all .2s;display:flex}.task-card:hover .card-actions{opacity:1}.card-actions button,.icon-only,.close-button{color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;padding:7px;display:grid}.card-actions button:hover,.icon-only:hover{color:#fff;background:#2b303d}.card-actions button:last-child:hover,.icon-only:hover{color:var(--red)}.empty-state{text-align:center;border:1px dashed #303645;border-radius:10px;padding:62px 20px}.empty-icon{width:50px;height:50px;color:var(--accent-bright);background:#28203f;border-radius:14px;place-items:center;margin:0 auto 15px;display:grid}.empty-state h3{margin:0 0 7px;font:700 16px Manrope,sans-serif}.empty-state p{color:var(--muted);margin:0 0 21px;font-size:13px}.completed-section{max-width:100%}.completed-card h3{color:var(--muted);text-decoration:line-through}.restore-button{color:var(--accent-bright);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.restore-button:hover{color:#fff}.task-card.overdue{border-color:#7d323b;box-shadow:inset 3px 0 #ef5350}.task-card.overdue:hover{border-color:#a9434d}.overdue-alert{color:#ff8f8f;align-items:center;gap:6px;margin-top:9px;font-size:11px;font-weight:600;display:flex}.alert-symbol{color:#260d10;background:#f87171;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:800;display:inline-grid}.score-toolbar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.score-toolbar .score-summary{flex:1;margin-bottom:0}.score-controls{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.range-picker{border:1px solid var(--border);background:#11141a;border-radius:8px;gap:4px;padding:4px;display:flex}.range-picker button{color:var(--muted);background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:11px}.range-picker button:hover,.range-picker button.selected{color:#fff;background:#302451}.modal select{appearance:none;background-image:none!important}.modal select::-ms-expand{display:none}.modal input[type=datetime-local]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.modal input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.modal input[type=time]{appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0}.error-banner{color:#fca5a5;background:#3a1d23;border:1px solid #7f3636;border-radius:7px;margin-bottom:24px;padding:12px 14px;font-size:13px}.loading-state{min-height:250px;color:var(--muted);place-items:center;gap:12px;font-size:13px;display:grid}.spinner{border:2px solid #3d354e;border-top-color:var(--accent-bright);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050609bb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#151920;border:1px solid #343a49;border-radius:12px;width:min(100%,540px);max-height:calc(100vh - 40px);padding:27px;overflow:auto;box-shadow:0 25px 70px #0009}.modal-header{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.modal-header h2{margin:0;font:700 22px Manrope,sans-serif}.close-button{margin:-7px -8px 0 0}.modal form{gap:18px;display:grid}.modal label{color:#d9dce3;font-size:12px;font-weight:600}.optional{color:var(--faint);margin-left:5px;font-weight:400}.modal input,.modal textarea,.modal select{width:100%;color:var(--text);resize:vertical;background:#0e1116;border:1px solid #303744;border-radius:6px;outline:none;margin-top:8px;padding:11px 12px;font-size:13px;display:block}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf622}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-error{color:var(--red);margin-top:6px;font-size:11px;font-weight:400;display:block}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:6px;padding-top:20px;display:flex}@media (width<=720px){.sidebar{display:none}.topbar{gap:12px;height:68px;padding:0 18px}.mobile-brand{padding:0;font-size:17px;display:flex}.mobile-brand .brand-mark{border-radius:7px;width:25px;height:25px}.search-box{width:30px;margin-left:auto}.search-box input,.pending-summary{display:none}.mobile-nav{border-bottom:1px solid var(--border);background:#0c0e13b8;gap:8px;padding:10px 18px;display:flex}.mobile-nav-item{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.mobile-nav-item.active{color:#fff;background:#1b1d29;border-color:#3a315b}.mobile-nav-item span{color:var(--faint);font-size:11px}.content-wrap{padding:36px 18px 55px}.page-heading{flex-direction:column;align-items:start;margin-bottom:35px}.page-heading .primary-button{width:100%}.tabs{gap:24px}.card-actions{opacity:1}.task-card{gap:10px;padding:15px 13px}.form-grid{grid-template-columns:1fr;gap:18px}.restore-button{font-size:0}.restore-button svg{width:17px}.modal{padding:21px}.completed-card{flex-wrap:wrap}.completed-card .task-info{min-width:calc(100% - 48px)}.completed-card .restore-button{margin-left:36px}.completed-card .icon-only{margin-left:auto}.score-toolbar{flex-direction:column;align-items:stretch}.score-controls{justify-content:stretch}.score-controls .range-picker,.score-controls .range-picker button{flex:1}}