:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#22c55e;--danger:#ef4444;--task-bg:#f1f5f9;--today-bg:#eef2ff;--today-border:#6366f1}[data-theme=dark]{--primary:#818cf8;--primary-hover:#6366f1;--bg:#0f172a;--card-bg:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--success:#4ade80;--danger:#f87171;--task-bg:#0f172a;--today-bg:#1e1b4b;--today-border:#818cf8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;transition:background .2s,color .2s}.app-container{max-width:1100px;margin:2rem auto;padding:0 1.5rem}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.app-title{letter-spacing:-.5px;color:var(--text-main);font-size:1.35rem;font-weight:800}.nav-tabs{background:var(--border);border-radius:9px;gap:.2rem;padding:.2rem;display:flex}.nav-tabs button{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:.4rem .8rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.nav-tabs button.active{background:var(--card-bg);color:var(--primary);box-shadow:0 1px 3px #0000001a}.card{background:var(--card-bg);border-radius:12px;margin-bottom:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #00000012,0 4px 8px -2px #0000000a}.empty-state{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.task-form{grid-template-columns:2fr .9fr .75fr 1fr 1fr 1fr .85fr auto;align-items:end;gap:.65rem;display:grid}@media (width<=900px){.task-form{grid-template-columns:1fr 1fr}}.form-field-full{grid-column:1/-1}.char-counter{color:var(--text-muted);text-align:right;margin-top:2px;font-size:.7rem}.task-description{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.72rem;font-style:italic;overflow:hidden}.optional-label{color:var(--text-muted);opacity:.75;font-size:.68rem;font-style:italic}.form-field{flex-direction:column;gap:3px;display:flex}.form-field label{color:var(--text-muted);font-size:.75rem;font-weight:500}textarea{border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-main);resize:vertical;border-radius:7px;width:100%;min-height:52px;padding:.5rem .7rem;font-family:inherit;font-size:.88rem;line-height:1.5;transition:border-color .15s}textarea:focus{border-color:var(--primary);outline:none}input[type=text],input[type=date],input[type=time],select{border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-main);appearance:auto;border-radius:7px;width:100%;padding:.5rem .7rem;font-size:.88rem;transition:border-color .15s}input[type=text]:focus,input[type=date]:focus,input[type=time]:focus,select:focus{border-color:var(--primary);outline:none}button.primary{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:5px;padding:.5rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s;display:flex}button.primary:hover{background:var(--primary-hover)}.icon-btn{background:var(--card-bg);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:7px;align-items:center;padding:.4rem .55rem;font-size:.75rem;font-weight:600;transition:all .15s;display:flex}.icon-btn:hover{color:var(--primary);border-color:var(--primary)}.today-reset-btn{padding:.35rem .6rem}.search-bar{background:var(--card-bg);border:1.5px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:6px;min-width:175px;padding:.35rem .7rem;transition:border-color .15s;display:flex}.search-bar:focus-within{border-color:var(--primary)}.search-bar input{color:var(--text-main);background:0 0;border:none;width:100%;padding:0;font-size:.83rem}.search-bar input:focus{border:none;outline:none}.period-nav{align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.period-label{flex:1;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.now-badge{background:var(--primary);color:#fff;letter-spacing:.02em;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:700}.timetable{background:var(--border);border:1px solid var(--border);border-radius:12px;gap:1px;display:grid;overflow:hidden}.tt-corner{background:var(--task-bg)}.tt-day-header{background:var(--task-bg);border-bottom:2px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:.55rem .25rem;display:flex}.tt-day-header.today{background:var(--today-bg);border-bottom-color:var(--today-border)}.tt-day-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:700}.tt-day-header.today .tt-day-name{color:var(--primary)}.tt-day-num{width:22px;height:22px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:inline-flex}.tt-day-num.today-num{background:var(--primary);color:#fff!important}.tt-band-label{background:var(--task-bg);color:var(--text-muted);flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;padding:.65rem .35rem;display:flex}.tt-band-icon{color:var(--primary);align-items:center;display:flex}.tt-band-name{text-transform:uppercase;letter-spacing:.04em;text-align:center;color:var(--text-muted);font-size:.65rem;font-weight:700}.tt-band-sub{color:var(--text-muted);opacity:.7;text-align:center;font-size:.58rem}.tt-cell{background:var(--card-bg);vertical-align:top;min-height:60px;padding:.4rem}.tt-cell.today{background:var(--today-bg)}.tt-cell-empty{background:color-mix(in srgb, var(--card-bg) 80%, var(--bg) 20%)}.task-time-badge{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:700}.day-num{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.78rem;display:inline-flex}.today-num{background:var(--primary);color:#fff!important}.task-item{background:var(--task-bg);border-left:3px solid var(--primary);border-radius:6px;justify-content:space-between;align-items:center;gap:4px;margin-bottom:.35rem;padding:.4rem .5rem;font-size:.8rem;display:flex}.task-item.completed{opacity:.45;text-decoration:line-through}.task-item.overdue:not(.completed){background:#ef444412;border-left-color:var(--danger)!important}.task-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.edit-icon,.delete-icon{opacity:0;transition:opacity .15s}.task-item:hover .edit-icon,.task-item:hover .delete-icon{opacity:1}.edit-icon:hover{color:var(--primary)!important}.delete-icon:hover{color:var(--danger)!important}.priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.day-picker-trigger{border:1.5px dashed var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent);width:100%;color:var(--primary);cursor:pointer;text-align:left;border-radius:6px;margin-top:4px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:background .15s}.day-picker-trigger:hover{background:color-mix(in srgb, var(--primary) 15%, transparent)}.popover-backdrop{z-index:49;position:fixed;inset:0}.day-picker-popover{z-index:50;background:var(--card-bg);border:1.5px solid var(--border);border-radius:10px;min-width:220px;padding:.75rem;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000026}.day-picker{flex-wrap:wrap;gap:.35rem;display:flex}.day-btn{border:1.5px solid var(--border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:.3rem .55rem;font-size:.78rem;font-weight:600;transition:all .15s}.day-btn:hover{border-color:var(--primary);color:var(--primary)}.day-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.recurrence-icon{color:var(--primary);opacity:.75;flex-shrink:0;align-items:center;display:inline-flex}.priority-high{background:#ef4444}.priority-medium{background:#f59e0b}.priority-low{background:#22c55e}.person-filter{flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem;display:flex}.person-filter button{border:1.5px solid var(--border);background:var(--card-bg);cursor:pointer;color:var(--text-muted);border-radius:99px;align-items:center;gap:5px;padding:.3rem .8rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.person-filter button.active{border-color:var(--primary);color:var(--primary);background:var(--today-bg)}.calendar-grid{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-weekday{background:var(--task-bg);text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:.5rem 0;font-size:.72rem;font-weight:700}.calendar-day{background:var(--card-bg);min-height:88px;padding:.45rem}.calendar-day-empty{background:var(--task-bg);opacity:.4}.calendar-day.today{background:var(--today-bg)}.cal-day-num{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:inline-flex}.cal-day-num.today-num{background:var(--primary);color:#fff!important}.cal-task-chip{align-items:center;gap:3px;padding:1px 0;font-size:.63rem;display:flex;overflow:hidden}.cal-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.cal-time{font-variant-numeric:tabular-nums;opacity:.85;flex-shrink:0;font-size:.58rem;font-weight:700}.cal-chip-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cal-more{color:var(--text-muted);margin-top:1px;font-size:.58rem}.people-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem;display:grid}.person-card{padding:1.1rem}.person-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.9rem;display:flex}.delete-person-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex}.delete-person-btn:hover{color:var(--danger)}.progress-bar-bg{background:var(--border);border-radius:999px;width:100%;height:6px;margin-bottom:.35rem;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .4s}.person-task-list{flex-direction:column;gap:.35rem;max-height:210px;display:flex;overflow-y:auto}.stats-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;display:grid}.stat-box{text-align:center;background:var(--task-bg);border-radius:10px;padding:1rem .75rem}.stat-value{color:var(--primary);font-size:1.9rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);margin-top:3px;font-size:.8rem}.category-row{align-items:center;gap:.75rem;margin-bottom:0;padding:.7rem 1rem;display:flex}.cat-dot{border-radius:50%;flex-shrink:0;width:13px;height:13px}.categories-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem;display:grid}.category-tasks-card{padding:1.1rem}.category-tasks-header{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.category-tasks-name{flex:1;font-size:.95rem;font-weight:700}.category-tasks-count{color:var(--text-muted);font-size:.78rem;font-weight:600}.daily-band{margin-bottom:.9rem}.daily-band-empty{opacity:.55}.daily-band-header{border-bottom:1.5px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.daily-band-icon{color:var(--primary);align-items:center;display:flex}.daily-band-name{font-size:.85rem;font-weight:700}.daily-band-sub{color:var(--text-muted);font-size:.75rem}.daily-band-count{color:var(--text-muted);background:var(--task-bg);border-radius:99px;margin-left:auto;padding:1px 8px;font-size:.72rem;font-weight:700}.daily-band-empty-msg{color:var(--text-muted);font-size:.82rem;font-style:italic}.daily-task-list{flex-direction:column;gap:.35rem;display:flex}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);border-radius:14px;flex-direction:column;gap:1rem;width:100%;max-width:480px;padding:1.5rem;display:flex;box-shadow:0 8px 32px #0003}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1rem;font-weight:700}.modal-form{flex-direction:column;gap:.85rem;display:flex}.modal-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.modal-footer{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;font-size:.82rem;font-weight:700}
