@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Instrument+Sans:wght@400;500;600&display=swap";:root{--bg:#f3f1eb;--surface:#fffdf8;--surface-2:#faf6ee;--line:#dfd6c6;--text:#1f2b31;--muted:#667b80;--primary:#1b746c;--primary-soft:#e6f3f1;--danger:#9e3525;--danger-soft:#f9ece8;--ring:#1b746c38;--shadow:0 12px 30px #171f1d1f}*{box-sizing:border-box}body{min-height:100svh;color:var(--text);background:radial-gradient(circle at 80% 0%, #f2d9a8 0%, transparent 25%), radial-gradient(circle at 10% 8%, #badfd4 0%, transparent 25%), var(--bg);margin:0;font-family:Instrument Sans,sans-serif}#root{min-height:100svh}h1,h2,p{margin:0}label{color:#34494f;gap:.35rem;font-size:.85rem;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.6rem .68rem}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring);outline:none}.app-shell{place-items:center;min-height:100svh;padding:1rem;display:grid}.app-frame{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);width:min(100%,1024px);box-shadow:var(--shadow);border-radius:20px;padding:1rem}.top-head{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.74rem}h1,h2{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif}h1{margin-top:.15rem;font-size:clamp(1.25rem,5vw,1.8rem)}h2{font-size:1rem}.message{color:#245a54;margin-top:.55rem;font-size:.9rem}.card{border:1px solid var(--line);background:#fffefa;border-radius:14px;padding:.75rem}.auth-card{margin-top:.75rem}.section-head{justify-content:space-between;align-items:center;margin-bottom:.55rem;display:flex}.stats-row{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.8rem;display:grid}.stats-row article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.55rem}.stats-row p{color:var(--muted);font-size:.75rem}.stats-row strong{font-family:Space Grotesk,sans-serif;font-size:1.1rem}.workspace-grid{gap:.7rem;margin-top:.8rem;display:grid}.left-column{gap:.7rem;display:grid}.stack,.three-grid,.two-grid{gap:.6rem;display:grid}.project-row{grid-template-columns:1fr auto auto;gap:.45rem;margin-bottom:.6rem;display:grid}.project-row input[type=color]{width:2.4rem;min-width:2.4rem;padding:.15rem}.project-pills{flex-wrap:wrap;gap:.4rem;display:flex}.pill{border:1px solid var(--line);color:#2f4348;cursor:pointer;background:#f8f3e8;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .55rem;display:inline-flex}.pill.active{background:var(--primary-soft);color:#14554f;border-color:#9ac4bd}.dot{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;display:inline-block}.row-actions{align-items:center;gap:.45rem;display:flex}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.56rem .82rem;font-weight:600}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.mode-tabs{gap:.35rem;margin-bottom:.65rem;display:flex}.mode-tabs.compact{margin-bottom:.7rem}.tab{border:1px solid var(--line);cursor:pointer;background:#f4eee1;border-radius:10px;flex:1;padding:.52rem}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.icon-btn{border:1px solid var(--line);color:#304247;cursor:pointer;background:#f7f2e8;border-radius:10px;justify-content:center;align-items:center;width:2.12rem;height:2.12rem;display:inline-flex}.icon-btn svg{width:1rem;height:1rem}.icon-btn.danger{background:var(--danger-soft);color:var(--danger);border-color:#f0cec6}.icon-btn:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.filter-bar{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;gap:.4rem;margin-bottom:.65rem;padding:.5rem;display:grid}.filter-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-shrink:0;min-width:3.2rem;font-size:.7rem;font-weight:600}.filter-pills{flex-wrap:wrap;gap:.25rem;display:flex}.filter-pills .qd-badge{align-items:center;gap:.25rem;padding:.15rem .42rem;font-size:.7rem;display:inline-flex}.filter-pills .qd-badge .dot{width:.45rem;height:.45rem}.qd-badge.tag-filter.active{color:#1b4d72;background:#e4eff9;border-color:#b4cfe5}.clear-filters{color:var(--muted);border-style:dashed;justify-self:start;font-size:.7rem}.todo-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.todo{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.6rem}.todo.done{opacity:.7}.todo-main-row{justify-content:space-between;gap:.5rem;display:flex}.check-wrap{align-items:center;gap:.45rem;font-size:.92rem;display:flex}.check-wrap input{width:1rem;height:1rem;margin:0}.todo-actions{gap:.35rem;display:flex}.delete-wrap{position:relative}.confirm-tip{z-index:10;border:1px solid var(--line);white-space:nowrap;background:#fffdf8;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:.45rem .55rem;animation:.12s ease-out tip-in;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 18px #171f1d24}.confirm-tip:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fffdf8;width:8px;height:8px;position:absolute;top:-5px;right:8px;transform:rotate(45deg)}.confirm-tip-text{color:var(--muted);font-size:.76rem}.confirm-tip-actions{gap:.3rem;display:flex}.qd-badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#f0cec6}.qd-badge.danger:hover{background:#f2dcd6}@keyframes tip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.todo-notes{color:#4d6066;margin-top:.45rem;font-size:.88rem}.meta-row{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.chip{color:#334950;background:#f6efdf;border:1px solid #ddd1bc;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .48rem;font-size:.76rem;display:inline-flex}.tag-chip{color:#234762;background:#eaf3fb;border-color:#c9dbea}.count-badge{color:#1b746c;background:#edf7f5;border:1px solid #c7dbd7;border-radius:999px;padding:.13rem .45rem;font-size:.76rem}.empty{color:var(--muted);font-size:.9rem}.pagination{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:.55rem;margin-top:.7rem;padding-top:.6rem;display:flex}.page-info{color:var(--muted);font-size:.78rem}.pagination .qd-badge:disabled{opacity:.4;cursor:not-allowed}.quick-dates{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.qd-badge{border:1px solid var(--line);color:#2f4348;cursor:pointer;white-space:nowrap;background:#f8f3e8;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;transition:background .15s,border-color .15s}.qd-badge:hover{background:#efe8d6;border-color:#c5bba7}.qd-badge.active{background:var(--primary-soft);color:var(--primary);border-color:#9ac4bd;font-weight:600}@media (width>=920px){.workspace-grid{grid-template-columns:330px minmax(0,1fr);align-items:start}.three-grid{grid-template-columns:repeat(3,1fr)}.two-grid{grid-template-columns:repeat(2,1fr)}}