:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#121212;background:#f2f2f2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--font-family: "Space Grotesk", "Segoe UI", sans-serif;--font-size-caption: .75rem;--font-size-sm: .82rem;--font-size-md: .9rem;--font-size-base: 1rem;--font-size-h2: 1.05rem;--font-size-h1: clamp(1.2rem, 2.2vw, 1.8rem);--line-height-base: 1.43;--bg: #f2f2f2;--panel: #ffffff;--panel-soft: #f7f7f7;--line: #d9d9d9;--line-strong: #a9a9a9;--text: #121212;--muted: #666666;--black: #111111;--white: #ffffff;--radius-lg: 14px;--radius-md: 10px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8f8f8,#f0f0f0);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base)}.app{width:min(1680px,98vw);margin:0 auto;padding:1.2rem 0 1.5rem}.bg-shape{display:none}.kicker{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.1em;font-size:var(--font-size-caption);color:var(--muted)}.subtitle{margin:.55rem 0 0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg)}.card{padding:1rem}.card h2{margin:0 0 .7rem;font-size:var(--font-size-h2)}.list-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.list-head h2{margin:0}.list-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,470px);gap:.55rem;align-items:center;margin-bottom:.92rem}.list-controls{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:.55rem}.todo-filter-group{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.2rem;gap:.15rem;background:#f5f5f5}.todo-filter{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:.38rem .78rem;font:inherit;font-size:var(--font-size-md);line-height:1;cursor:pointer}.todo-filter.active{background:var(--black);color:var(--white)}.list-search-wrap{margin-bottom:0}.list-search{margin-top:0;padding:.66rem .82rem;border-radius:10px;background:#fff}.todo-priority-filter{margin-top:0;min-width:150px;height:38px;border-radius:999px;padding:0 1.75rem 0 .85rem;border:1px solid var(--line);background:#fff;color:var(--text);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23222222' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .38rem center;background-size:14px}.todo-list-card{padding:1.08rem}.todo-list-card .list{gap:.78rem}.todo-list-card .item{padding:.9rem}.todo-list-card .item-top{align-items:center;gap:.85rem}.todo-list-card .item-actions{gap:.5rem}.todo-list-card .badges{margin-top:.62rem}.todo-list-card .content{margin-top:.62rem;margin-bottom:.5rem}.todo-list-card .links{margin-top:.34rem}.todo-create-btn{white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0a0a80;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{width:min(640px,96vw);max-height:calc(100vh - 2rem);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.modal-head h2{margin:0;font-size:var(--font-size-h2)}.modal-actions{margin-top:.8rem;display:flex;justify-content:flex-end;gap:.5rem}.notes-date-wrap{margin:0;position:relative;width:196px}.notes-date-input-row{display:grid;grid-template-columns:1fr 44px;gap:.4rem}.notes-date-input{margin-top:0;padding:.62rem .72rem;border-radius:12px;background:#fff}.notes-date-input.invalid{border-color:#9a7f7f;background:#f8f3f3}.notes-date-trigger{margin-top:0;width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:12px;border:1px solid var(--line);background:#fff;color:#525252;font:inherit;cursor:pointer}.notes-date-trigger:hover{border-color:var(--line-strong)}.notes-date-trigger:disabled{opacity:.6;cursor:not-allowed}.notes-date-icon{width:1.05rem;height:1.05rem;display:inline-flex;align-items:center;justify-content:center;color:#666}.notes-date-icon svg{width:100%;height:100%;fill:currentColor}.notes-date-popover{position:absolute;top:calc(100% + .45rem);right:0;width:288px;padding:.82rem;border-radius:16px;border:1px solid #d5d5d5;background:#fff;box-shadow:0 14px 32px #11111124;z-index:30}.notes-date-error{margin:.42rem 0 0;color:#7b5b5b;font-size:var(--font-size-caption)}.notes-date-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.notes-date-popover-head strong{font-size:var(--font-size-base);text-transform:capitalize}.notes-month-btn{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:#fafafa;color:#3f3f3f;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}.notes-month-btn:hover{border-color:var(--line-strong)}.notes-weekdays,.notes-days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.24rem}.notes-weekdays{margin-bottom:.3rem}.notes-weekdays span{text-align:center;font-size:var(--font-size-caption);color:var(--muted)}.notes-day-btn{border:1px solid transparent;background:transparent;border-radius:10px;height:34px;font:inherit;font-size:var(--font-size-sm);color:#222;cursor:pointer}.notes-day-btn:hover{background:#f3f3f3}.notes-day-btn.outside{color:#a7a7a7}.notes-day-btn.today{border-color:#c6c6c6}.notes-day-btn.selected{background:#111;color:#fff;border-color:#111}.notes-date-actions{margin-top:.65rem;display:flex;justify-content:space-between;gap:.5rem}.notes-date-actions .btn-ghost,.notes-date-actions .btn-primary{flex:1}.notes-list-card{padding:1.08rem}.notes-list-card .list{gap:.78rem}.notes-list-card .item{padding:.9rem}.notes-list-card .item-top{align-items:center;gap:.85rem}.notes-list-card .item-actions{gap:.5rem}.notes-list-card .badges{margin-top:.62rem}.notes-list-card .content{margin-top:.62rem;margin-bottom:.5rem}.notes-list-card .links{margin-top:.34rem}.notes-create-btn{white-space:nowrap}.workspace{display:grid;grid-template-columns:250px 1fr;gap:1rem;align-items:start}.sidebar{position:sticky;top:1rem;background:#171717;color:#f1f1f1;border-radius:var(--radius-lg);padding:1rem;border:1px solid #2b2b2b}.sidebar-brand strong{font-size:var(--font-size-h2)}.sidebar-brand .kicker{color:#acacac}.sidebar-nav{margin-top:1rem;display:grid;gap:.45rem}.nav-link{border:1px solid #2f2f2f;background:#202020;color:#d7d7d7;border-radius:9px;padding:.62rem .7rem;text-align:left;font:inherit;cursor:pointer}.nav-link.active{background:#fff;color:#111;border-color:#fff}.sidebar-footer{margin-top:1rem;border-top:1px solid #2d2d2d;padding-top:.85rem;display:grid;gap:.6rem}.content-area{display:grid;gap:.9rem}.content-header{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1rem 1.1rem}.content-header h1{margin:0;font-size:var(--font-size-h1)}.user-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;font-size:var(--font-size-caption);color:#dbdbdb;border:1px solid #3a3a3a;background:#232323}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:.9rem;align-items:stretch}.dashboard-left{display:grid;grid-template-rows:auto auto minmax(260px,1fr);gap:.9rem}.dashboard-chart-card{padding:1rem}.dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.62rem}.dashboard-card-head h2{margin:0}.dashboard-legend{display:inline-flex;gap:.55rem;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--font-size-caption);color:var(--muted)}.legend-line{width:20px;border-top:2px solid #111111}.legend-line.done{border-top-color:#8d8d8d}.dashboard-chart{border:1px solid var(--line);border-radius:12px;padding:.28rem;background:#fbfbfb;min-height:300px}.week-chart-svg{width:100%;height:100%;min-height:280px;display:block}.chart-grid{stroke:#e4e4e4;stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.open{stroke:#111}.chart-line.done{stroke:#858585}.chart-dot.open{fill:#111}.chart-dot.done{fill:#858585}.chart-x-label,.chart-x-sub,.chart-y-label{fill:#6f6f6f;font-family:inherit}.chart-x-label{font-size:var(--font-size-caption)}.chart-x-sub,.chart-y-label{font-size:.68rem}.dashboard-todos-card{display:flex;flex-direction:column;height:100%;min-height:100%}.dashboard-todos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.dashboard-todos-head h2{margin:0}.dashboard-sort-controls{display:flex;align-items:flex-start;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.dashboard-sort-field{display:grid;gap:.18rem;color:var(--muted);font-size:var(--font-size-caption)}.dashboard-sort-select{min-width:150px}.dashboard-todos-list{flex:1;align-content:start}.dashboard-todos-list .item-top{align-items:center}.dashboard-notes-card{display:flex;flex-direction:column;min-height:360px}.dashboard-notes-card h2{margin:0 0 .85rem;font-size:var(--font-size-h2);line-height:var(--line-height-base)}.dashboard-notes-list{flex:1;align-content:start}.metrics-card .stats.mono{margin-top:.2rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.stat-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:.65rem .75rem}.stat-card span{display:block;font-size:var(--font-size-caption);color:var(--muted)}.stat-card strong{font-size:1.1rem}.content-grid{display:grid;grid-template-columns:minmax(300px,390px) minmax(390px,1fr);gap:.9rem}.content-grid.todo-only-grid{grid-template-columns:minmax(0,1fr)}.entry-form label{display:block;margin-bottom:.65rem;color:var(--muted);font-size:var(--font-size-md)}input,textarea,select{width:100%;margin-top:.3rem;border:1px solid var(--line);border-radius:9px;padding:.56rem .62rem;font:inherit;color:var(--text);background:#fbfbfb}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #bdbdbd;outline-offset:1px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.links-box{border:1px dashed var(--line-strong);border-radius:10px;padding:.7rem;margin:.8rem 0 .9rem}.links-box legend{padding:0 .25rem;color:var(--muted);font-size:var(--font-size-sm)}.hint{margin:0 0 .55rem;font-size:var(--font-size-sm);color:var(--muted)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;max-height:180px;overflow:auto}.check-item{display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:8px;padding:.35rem .45rem;background:#fafafa}.check-item input{width:auto;margin:0}.empty-inline{margin:0;color:var(--muted);font-size:var(--font-size-sm)}.btn-primary,.btn-danger,.btn-ghost{border-radius:9px;padding:.54rem .78rem;font:inherit;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--black);color:var(--white);border-color:var(--black)}.btn-ghost{background:#f4f4f4;border-color:#ccc;color:#1b1b1b}.btn-danger{background:#ececec;border-color:#cfcfcf;color:#1a1a1a}.btn-full{width:100%}.btn-primary:disabled,.btn-danger:disabled,.btn-ghost:disabled{opacity:.56;cursor:not-allowed}.list{display:grid;gap:.6rem}.list.compact .item{padding:.62rem}.item{border:1px solid var(--line);border-radius:10px;background:#fcfcfc;padding:.72rem}.item.todo.done{opacity:.66}.item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}.item h3{margin:0;font-size:var(--font-size-base)}.item-actions{display:flex;gap:.4rem}.item-icon-btn{width:38px;height:38px;min-width:38px;padding:0;display:inline-flex;align-items:center;justify-content:center}.item-icon-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.badges{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line);padding:.24rem .52rem;font-size:var(--font-size-caption)}.badge.priority.high{background:#fde7e7;color:#8a1e1e;border-color:#f3bcbc}.badge.priority.medium{background:#fff2df;color:#8a4f06;border-color:#f0d1a4}.badge.priority.low{background:#e6f6eb;color:#1f6b3a;border-color:#bde4ca}.badge.muted{background:#efefef;color:#555}.content{margin:.55rem 0 .4rem;line-height:1.43}.links{font-size:var(--font-size-sm);color:var(--muted)}.links strong{color:var(--text)}.empty-state{margin:0;border:1px dashed var(--line-strong);border-radius:10px;padding:.75rem;color:var(--muted);text-align:center}.auth-shell{max-width:560px;margin:2.4rem auto 0}.auth-card{padding:1.1rem}.tabs{display:inline-flex;gap:.35rem}.auth-tabs{margin:.9rem 0 .6rem;width:100%}.tab{border:1px solid var(--line);background:#f6f6f6;border-radius:9px;padding:.52rem .72rem;color:#444;cursor:pointer;font:inherit}.auth-tabs .tab{flex:1}.tab.active{background:var(--black);border-color:var(--black);color:var(--white)}.auth-form{margin-top:.7rem}.inline-message{margin:.7rem 0 0;border-radius:10px;padding:.62rem .72rem;font-size:var(--font-size-md)}.inline-message.info{background:#f0f0f0;border:1px solid #d0d0d0;color:#4a4a4a}.inline-message.error{background:#ececec;border:1px solid #c9c9c9;color:#353535}@media (max-width: 1080px){.workspace{grid-template-columns:1fr}.sidebar{position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-footer{grid-template-columns:1fr auto;align-items:center}.btn-full{width:auto}.dashboard-layout,.content-grid{grid-template-columns:1fr}}@media (max-width: 700px){.app{width:min(1280px,94vw);padding-top:1rem}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-nav,.form-grid,.checkbox-grid{grid-template-columns:1fr}.item-top,.list-head{flex-direction:column;align-items:stretch}.list-toolbar{grid-template-columns:1fr;gap:.55rem}.list-controls{justify-self:stretch;width:100%;flex-wrap:wrap}.todo-filter-group{width:100%;justify-content:space-between}.todo-priority-filter{min-width:0;flex:1}.todo-filter{flex:1;text-align:center}.dashboard-card-head{flex-direction:column;align-items:flex-start}.dashboard-todos-head{flex-direction:column;align-items:stretch}.dashboard-sort-controls{width:100%}.dashboard-sort-field{flex:1}.dashboard-sort-select{width:100%;min-width:0}.notes-create-btn,.notes-date-wrap{width:100%}.notes-date-popover{left:0;right:0;width:auto}}