@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main:#0a0b0e;--bg-card:#14161eb3;--bg-card-hover:#1c1f2bd9;--border-glass:#ffffff0f;--border-glass-focus:#00f0ff66;--primary-glow:#00f0ff;--secondary-glow:#8a2be2;--priority-high:#f05;--priority-medium:#fa0;--priority-low:#0fa;--q1-color:#f05;--q1-bg:#ff00551a;--q2-color:#ff8c00;--q2-bg:#ff8c001a;--q3-color:#00c8ff;--q3-bg:#00c8ff1a;--q4-color:#6b7280;--q4-bg:#6b72801a;--text-main:#f0f2f5;--text-muted:#858b9c;--text-dark:#0a0b0e;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-main);background-color:#050608;justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}.device-wrapper{background-color:var(--bg-main);border:12px solid #1a1a24;border-radius:40px;flex-direction:column;width:412px;height:846px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #00f0ff26}.device-notch{z-index:100;background-color:#1a1a24;border-bottom-right-radius:18px;border-bottom-left-radius:18px;width:150px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=900px),(height<=900px){html,body{height:100dvh;overflow:hidden}body{align-items:stretch}.device-wrapper{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}.device-notch{display:none}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:0 8px 32px #0000004d}.app-container{flex-direction:column;width:100%;height:100%;max-height:100%;padding-top:35px;padding-bottom:75px;display:flex;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.app-title-neon{letter-spacing:.5px;background:linear-gradient(135deg, var(--primary-glow), var(--secondary-glow));-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00f0ff33;-webkit-background-clip:text;font-size:24px;font-weight:700}.main-content{scrollbar-width:none;flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.main-content::-webkit-scrollbar{display:none}.bottom-nav{border-top:1px solid var(--border-glass);z-index:50;justify-content:space-around;align-items:center;width:100%;height:70px;padding-bottom:10px;display:flex;position:absolute;bottom:0;left:0}.nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:var(--primary-glow);filter:drop-shadow(0 0 5px #00f0ff66)}.nav-item svg{width:22px;height:22px;transition:var(--transition-smooth)}.nav-item.active svg{transform:translateY(-2px)scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animated-page{animation:.4s cubic-bezier(.25,.8,.25,1) forwards fadeIn}.form-group{margin-bottom:18px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--border-glass);width:100%;color:var(--text-main);transition:var(--transition-smooth);background-color:#ffffff08;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.form-input:focus{border-color:var(--primary-glow);background-color:#ffffff0d;box-shadow:0 0 12px #00f0ff26}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858b9c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.segmented-control{border:1px solid var(--border-glass);background-color:#00000040;border-radius:12px;padding:3px;display:flex}.segment-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:9px;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:13px;font-weight:600}.segment-btn.active{color:var(--text-main);background-color:#ffffff12}.segment-btn.active.high{color:var(--priority-high);background-color:#ff005526;border:1px solid #ff00554d}.segment-btn.active.medium{color:var(--priority-medium);background-color:#ffaa0026;border:1px solid #ffaa004d}.segment-btn.active.low{color:var(--priority-low);background-color:#00ffaa26;border:1px solid #00ffaa4d}.btn-primary{background:linear-gradient(135deg, var(--primary-glow), var(--secondary-glow));width:100%;color:var(--text-dark);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:14px;outline:none;padding:14px;font-family:inherit;font-size:15px;font-weight:700;box-shadow:0 8px 20px #00f0ff33}.btn-primary:hover,.btn-primary:active{filter:brightness(1.1);transform:scale(.98);box-shadow:0 4px 10px #00f0ff1a}.btn-danger{width:100%;color:var(--priority-high);cursor:pointer;transition:var(--transition-smooth);background:#ff005526;border:1px solid #ff00554d;border-radius:14px;outline:none;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.btn-danger:hover,.btn-danger:active{background:#ff005540;transform:scale(.98)}.btn-secondary{border:1px solid var(--border-glass);width:100%;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:14px;outline:none;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.btn-secondary:hover,.btn-secondary:active{background:#ffffff1a;transform:scale(.98)}.stats-container{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:18px 12px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#00f0ff08 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.stat-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.stat-count{color:var(--text-muted);margin-top:8px;font-size:11px}.stat-count-highlight{color:var(--primary-glow);font-weight:600}.progress-ring-circle{transform-origin:50%;transition:stroke-dashoffset .6s ease-in-out;transform:rotate(-90deg)}.progress-text{fill:var(--text-main);font-size:18px;font-weight:700}.distribution-card{border-radius:20px;margin-bottom:24px;padding:20px}.card-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.bar-row{margin-bottom:12px}.bar-row:last-child{margin-bottom:0}.bar-label-group{justify-content:space-between;margin-bottom:4px;font-size:12px;font-weight:500;display:flex}.bar-track{background-color:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.25,.8,.25,1)}.todo-card{transition:var(--transition-smooth);border-radius:16px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;display:flex;position:relative;overflow:hidden}.todo-card:hover,.todo-card:active{background-color:var(--bg-card-hover);border-color:#00f0ff26;transform:translateY(-2px)}.todo-card.priority-high{border-left:4px solid var(--priority-high)}.todo-card.priority-medium{border-left:4px solid var(--priority-medium)}.todo-card.priority-low{border-left:4px solid var(--priority-low)}.todo-card.quadrant-q1{border-left:4px solid var(--q1-color)}.todo-card.quadrant-q2{border-left:4px solid var(--q2-color)}.todo-card.quadrant-q3{border-left:4px solid var(--q3-color)}.todo-card.quadrant-q4{border-left:4px solid var(--q4-color)}.todo-checkbox-wrapper{margin-top:2px}.custom-checkbox{appearance:none;border:2px solid var(--text-muted);cursor:pointer;width:20px;height:20px;transition:var(--transition-smooth);border-radius:6px;outline:none;justify-content:center;align-items:center;display:flex}.custom-checkbox:checked{background-color:var(--primary-glow);border-color:var(--primary-glow);animation:.35s cubic-bezier(.175,.885,.32,1.2) forwards checkPop;box-shadow:0 0 8px #00f0ff66}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.25)}to{transform:scale(1)}}.custom-checkbox:checked:before{content:"✓";color:var(--text-dark);font-size:12px;font-weight:900}.todo-info{flex:1}.todo-title{transition:var(--transition-smooth);margin-bottom:4px;font-size:15px;font-weight:600}.todo-card.completed{animation:.45s cubic-bezier(.25,.8,.25,1) forwards completePulse}.todo-card.completed .todo-title{color:var(--text-muted);text-decoration:line-through}@keyframes completePulse{0%{opacity:1;filter:brightness();transform:scale(1)}40%{opacity:.5;filter:brightness(.8);transform:scale(.96)}to{opacity:.6;filter:brightness(.9);transform:scale(1)}}.todo-content-preview{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;display:-webkit-box;overflow:hidden}.todo-meta-tags{flex-wrap:wrap;gap:6px;display:flex}.meta-badge{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:flex}.meta-badge.due{color:var(--text-muted);border:1px solid var(--border-glass);background-color:#ffffff0d}.meta-badge.due.overdue{color:var(--priority-high);background-color:#ff00551a;border:1px solid #f053}.meta-badge.recurring{color:var(--primary-glow);background-color:#00f0ff1a;border:1px solid #00f0ff33}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background-color:#000000b3;justify-content:center;align-items:flex-end;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal-content{background-color:var(--bg-main);border-top:1px solid var(--border-glass-focus);border-top-left-radius:30px;border-top-right-radius:30px;width:100%;max-height:85%;padding:24px;animation:.3s cubic-bezier(.25,.8,.25,1) forwards slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-title-area{flex:1;padding-right:16px}.modal-title{color:var(--text-main);margin-bottom:8px;font-size:20px;font-weight:700}.btn-close{border:1px solid var(--border-glass);width:32px;height:32px;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-close:hover{background:#ffffff1a;transform:scale(1.05)}.detail-row{margin-bottom:16px}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.detail-value{color:var(--text-main);font-size:15px}.detail-badge-group{gap:8px;margin-top:4px;display:flex}.detail-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.alert-overlay{-webkit-backdrop-filter:blur(4px);z-index:150;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.alert-dialog{text-align:center;border-radius:24px;width:90%;max-width:320px;padding:20px}.alert-title{color:var(--text-main);margin-bottom:8px;font-size:16px;font-weight:700}.alert-message{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.4}.alert-buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.controls-panel{border-radius:16px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px;display:flex}.control-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.control-select{border:1px solid var(--border-glass);color:var(--text-main);background-color:#ffffff08;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state-title{color:var(--text-main);margin-bottom:6px;font-size:16px;font-weight:600}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(.85);cursor:pointer;opacity:.7;transition:var(--transition-smooth)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) brightness(1) drop-shadow(0 0 4px var(--primary-glow))}body,.device-wrapper,.app-header,.bottom-nav,.main-content,.todo-card,.stat-card,.distribution-card,.form-input,.segmented-control,.segment-btn,.modal-content{transition:background-color .4s cubic-bezier(.25,.8,.25,1),color .4s cubic-bezier(.25,.8,.25,1),border-color .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1),-webkit-backdrop-filter .4s cubic-bezier(.25,.8,.25,1),backdrop-filter .4s cubic-bezier(.25,.8,.25,1)}.theme-toggle-btn{outline:none}.theme-toggle-btn:hover{filter:drop-shadow(0 0 5px #00f0ff66);transform:rotate(15deg)scale(1.1);color:var(--primary-glow)!important}body[data-theme=cyber-light]{--bg-main:#f4f6f9;--bg-card:#ffffffbf;--bg-card-hover:#eef1f6e6;--border-glass:#00000014;--border-glass-focus:#0088ff80;--primary-glow:#08f;--secondary-glow:#7a1be2;--text-main:#18191c;--text-muted:#656973;--text-dark:#f4f6f9;background-color:#e2e5ea}body[data-theme=neon-violet]{--bg-main:#0d0714;--bg-card:#20122eb3;--bg-card-hover:#2d1941d9;--border-glass:#ffffff0d;--border-glass-focus:#ff00f080;--primary-glow:#e600ff;--secondary-glow:#7a00ff;--text-main:#f6eeff;--text-muted:#9c8da8;--text-dark:#0d0714;background-color:#050208}body[data-theme=forest-green]{--bg-main:#0e1511;--bg-card:#141c18bf;--bg-card-hover:#1c2621e6;--border-glass:#ffffff0d;--border-glass-focus:#0fa6;--primary-glow:#52c48a;--secondary-glow:#a3b899;--text-main:#eef5f1;--text-muted:#87968e;--text-dark:#0e1511;--priority-high:#e05a47;--priority-medium:#d4a34b;--priority-low:#6bb38a;--q1-color:#e05a47;--q1-bg:#e05a471f;--q2-color:#d4843b;--q2-bg:#d4843b1f;--q3-color:#3ba8c8;--q3-bg:#3ba8c81f;--q4-color:#7a8a81;--q4-bg:#7a8a811f;background-color:#060a08}.clickable-bar{cursor:pointer;transition:var(--transition-smooth);border-radius:8px;margin-left:-6px;margin-right:-6px;padding:4px 6px}.clickable-bar:hover{background-color:#ffffff08}body[data-theme=cyber-light] .clickable-bar:hover{background-color:#00000008}.quadrant-group .todo-card.glass-panel{box-shadow:none;border:none;border-radius:0;margin-bottom:0}.quadrant-group .todo-card.glass-panel:hover{border-color:#0000;transform:none}