@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.app-layout{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;padding:24px}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35;z-index:0}.blob-1{width:420px;height:420px;background:#a5b4fc;top:-120px;left:-120px}.blob-2{width:320px;height:320px;background:#fbcfe8;bottom:-80px;right:-80px}.glass-panel{width:100%;max-width:980px;height:85vh;display:flex;background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:0 30px 60px #00000014;z-index:1;overflow:hidden;animation:fadeUp .45s var(--ease-out)}.main-content{flex:1;padding:40px 48px;display:flex;flex-direction:column;overflow:hidden}@media(max-width:900px){.glass-panel{height:100vh;border-radius:0}.main-content{padding:24px}.blob{display:none}}.theme-transition{position:fixed;inset:0;pointer-events:none;z-index:9999;background:#020617;clip-path:circle(0% at 100% 100%);opacity:0;transition:opacity .18s ease}.theme-transition[data-mode=dark].active{opacity:1;animation:revealDark .42s cubic-bezier(.2,.9,.3,1) forwards}.theme-transition[data-mode=light].active{background:#f8fafc;opacity:1;animation:revealLight .42s cubic-bezier(.2,.9,.3,1) forwards}@keyframes revealDark{0%{clip-path:circle(0% at 100% 100%)}to{clip-path:circle(150% at 0% 0%)}}@keyframes revealLight{0%{clip-path:circle(150% at 0% 0%)}to{clip-path:circle(0% at 100% 100%)}}.theme-toggle{position:fixed;bottom:22px;right:22px;width:44px;height:44px;border-radius:14px;border:none;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:18px;cursor:pointer;color:var(--text-main);box-shadow:0 12px 30px #00000040;transition:transform .18s ease;z-index:10000}.theme-toggle:hover{transform:scale(1.08)}.theme-toggle:active{transform:scale(.95)}.sidebar{width:240px;padding:32px 24px;background:var(--glass-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:32px;transition:background-color .3s ease,border-color .3s ease}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center}.brand h2{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text-main)}.stats-card{background:var(--glass-bg);padding:16px 18px;border-radius:var(--radius-md);display:flex;align-items:center;gap:14px;border:1px solid var(--border);box-shadow:0 8px 24px #0000000a;transition:transform .25s ease,box-shadow .25s ease,background-color .3s ease,border-color .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000f}.stats-icon{color:var(--primary)}.stats-text{display:flex;flex-direction:column;gap:2px}.stats-num{font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text-main)}.stats-label{font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}body.dark .sidebar,body.dark .stats-card{background:#0f172ae6}@media(max-width:900px){.sidebar{display:none}}.top-bar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.top-bar h1{font-size:28px;font-weight:700;letter-spacing:-.6px}.subtitle{margin-top:4px;font-size:14px;color:var(--text-muted)}.filter-pill{position:relative;display:flex;align-items:center;gap:8px;background:var(--glass-bg);padding:10px 14px;border-radius:14px;border:1px solid var(--border);box-shadow:0 6px 20px #0000000a;transition:all .25s var(--ease-out)}.filter-pill:hover{transform:translateY(-1px);box-shadow:0 10px 28px #00000012}.filter-pill:after{content:none}.filter-pill select{border:none;background:transparent;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:0}body.dark .filter-pill{background:#0f172ae6;border-color:#ffffff14}body.dark .filter-pill select{color:var(--text-main)}.composer{background:var(--glass-bg);border-radius:var(--radius-md);box-shadow:0 12px 30px #0000000d;border:1px solid var(--border);margin-bottom:28px;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background-color .3s ease,border-color .3s ease}.composer:focus-within{transform:translateY(-2px);box-shadow:0 18px 40px var(--primary-glow)}.composer-input{width:100%;padding:16px 18px;border:none;font-size:15px;outline:none;border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:inherit;background:transparent;color:var(--text-main)}.composer-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--border)}.control-group{display:flex;gap:8px}.pill-select,.pill-date{background:#f1f5f9e6;border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--text-main);font-family:inherit;cursor:pointer;line-height:1.2;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none!important;box-shadow:none;outline:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.pill-date::-webkit-inner-spin-button,.pill-date::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pill-date::-webkit-calendar-picker-indicator{opacity:.7;cursor:pointer}body.dark .pill-date::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.25);opacity:.9}body.dark .pill-select,body.dark .pill-date{background:#0f172ae6;color:var(--text-main);border-color:#ffffff14}.btn-primary{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);transition:transform .2s var(--ease-out)}.btn-primary:hover{transform:translateY(-1px)}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:100}.modal-card{background:#fff;width:100%;max-width:420px;border-radius:16px;padding:20px;animation:fadeUp .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-card input,.modal-card select{width:100%;margin-bottom:12px;padding:10px;border-radius:10px;border:1px solid var(--border)}.save-btn{width:100%;padding:10px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:600}.task-row{display:flex;align-items:center;background:var(--glass-bg);padding:16px 20px;border-radius:var(--radius-md);margin-bottom:12px;border:1px solid var(--border);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background-color .3s ease,border-color .3s ease;animation:slideIn .35s var(--ease-out)}.task-row:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0000000f}.task-row.completed .task-title{text-decoration:line-through;color:var(--text-muted)}.checkbox-wrapper{background:none;border:none;font-size:22px;margin-right:16px;cursor:pointer;padding:0}.icon-unchecked{color:#94a3b8}.icon-checked{color:var(--success)}.task-details{flex:1}.task-title{font-size:15.5px;font-weight:600;color:var(--text-main)}.task-meta{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-top:6px}.priority-dot{width:6px;height:6px;border-radius:50%}.priority-dot.low{background:var(--success)}.priority-dot.medium{background:var(--warning)}.priority-dot.high{background:var(--danger)}.date-text{display:flex;align-items:center;gap:4px}.divider{margin:0 4px}.action-btn{opacity:0;transform:translate(8px);background:none;border:none;color:var(--text-muted);cursor:pointer;transition:opacity .2s ease,transform .25s var(--ease-out),color .2s ease;padding:4px;display:flex;align-items:center;justify-content:center}.task-row:hover .action-btn{opacity:1;transform:translate(0)}.action-btn:hover{color:var(--danger)}.delete-btn{margin-left:8px}body.dark .task-row:hover{box-shadow:0 10px 26px #00000073}body.dark .icon-unchecked{color:#64748b}.task-scroll-area{flex:1;overflow-y:auto;padding-right:6px}.task-list{list-style:none;padding:0;margin:0}.empty-state{text-align:center;margin-top:60px;color:var(--text-muted);font-size:14px}:root{--bg: #f8fafc;--glass-bg: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .6);--primary: #4f46e5;--primary-hover: #4338ca;--primary-glow: rgba(79, 70, 229, .35);--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system;background:linear-gradient(135deg,#f8fafc,#eef2ff);color:var(--text-main);line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .42s ease,color .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.dark{--bg: #020617;--glass-bg: rgba(15, 23, 42, .75);--glass-border: rgba(255, 255, 255, .08);--primary: #818cf8;--primary-hover: #6366f1;--primary-glow: rgba(129, 140, 248, .45);--text-main: #e5e7eb;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--success: #4ade80;--warning: #fbbf24;--danger: #f87171;background:radial-gradient(circle at bottom right,#020617 0% 60%,#020617);color-scheme:dark}body.dark .glass-panel,body.dark .sidebar,body.dark .stats-card,body.dark .task-row,body.dark .filter-pill,body.dark .composer{background:#0f172ae0;color:var(--text-main)}body,.glass-panel,.sidebar,.stats-card,.task-row,.filter-pill,.composer{transition:background-color .32s ease,color .26s ease,border-color .26s ease,box-shadow .26s ease}.pill-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%2364748b' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:36px}body.dark .pill-select{background-image:url("data:image/svg+xml;utf8,<svg fill='%2394a3b8' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")}