:root{--page-bg:#f7f6f2;--card-bg:#fff;--card-border:#e5e3dc;--divider:#eeede7;--text-primary:#2c2c2a;--text-secondary:#5f5e5a;--text-muted:#888780;--red-bg:#fcebeb;--red-text:#a32d2d;--amber-bg:#faeeda;--amber-text:#854f0b;--green-bg:#eaf3de;--green-text:#3b6d11;--accent:#3e5c76;--accent-soft:#e8edf1;--accent-hover:#33495f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box}body{background:var(--page-bg);color:var(--text-primary);font-family:-apple-system,Segoe UI,Roboto,sans-serif;margin:0}.card{background:var(--card-bg);border:.5px solid var(--card-border);border-radius:var(--radius-md);padding:1rem}.status-red{background:var(--red-bg);color:var(--red-text)}.status-amber{background:var(--amber-bg);color:var(--amber-text)}.status-green{background:var(--green-bg);color:var(--green-text)}button,input,select,textarea{font-size:14px;padding:8px 10px;border-radius:8px;border:.5px solid var(--card-border);background:#fff;color:var(--text-primary);width:100%}button{cursor:pointer;background:var(--card-bg)}label{display:block;margin-bottom:4px}.page{max-width:800px;margin:0 auto;padding:16px}@media (min-width:640px){.page{padding:24px}}.grid-2,.grid-3{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.grid-4{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (min-width:640px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.task-title-link:hover{-webkit-text-decoration-color:currentColor!important;text-decoration-color:currentColor!important}.bar-segment{transition:width .45s cubic-bezier(.4,0,.2,1)}.filterable-panel{transition:opacity .2s ease}.filterable-panel.is-loading{opacity:.4}.stat-value{transition:opacity .25s ease}.btn-auto{width:100%}@media (min-width:640px){.btn-auto{width:auto}}.row-stack{display:flex;flex-direction:column;gap:4px}@media (min-width:640px){.row-stack{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}}.nav-bar{border-bottom:.5px solid var(--card-border);background:var(--card-bg);position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav-inner{justify-content:space-between;gap:16px;padding:10px 20px;max-width:1000px;margin:0 auto}.nav-inner,.nav-logo{display:flex;align-items:center}.nav-logo{gap:8px;text-decoration:none;flex-shrink:0}.nav-logo-mark{width:28px;height:28px;border-radius:7px;object-fit:cover;flex-shrink:0}.nav-logo-text{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.nav-links-desktop{display:none;align-items:center;gap:2px;flex:1 1}@media (min-width:760px){.nav-links-desktop{display:flex}}.nav-link{font-size:13px;color:var(--text-secondary);text-decoration:none;white-space:nowrap;padding:6px 10px;border-radius:6px;transition:background-color .15s ease,color .15s ease}.nav-link.active,.nav-link:hover{background:var(--accent-soft);color:var(--accent)}.nav-link.active{font-weight:500}.nav-user{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-user-name{font-size:12px;color:var(--text-muted);white-space:nowrap}.nav-logout-btn{width:auto;padding:5px 12px;font-size:12px;transition:background-color .15s ease,border-color .15s ease}.nav-logout-btn:hover{background:var(--page-bg);border-color:var(--text-muted)}.nav-hamburger{display:flex;width:auto;padding:6px 8px;background:transparent;border:none;flex-shrink:0}@media (min-width:760px){.nav-hamburger{display:none}}.nav-hamburger span{display:block;width:18px;height:1.5px;background:var(--text-primary);margin:3.5px 0;transition:transform .2s ease,opacity .2s ease}.nav-hamburger.open span:first-child{transform:translateY(5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.nav-mobile-menu{display:flex;flex-direction:column;gap:2px;padding:8px 20px 12px;border-top:.5px solid var(--card-border)}@media (min-width:760px){.nav-mobile-menu{display:none}}.nav-mobile-menu .nav-link{padding:10px 12px}.nav-mobile-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:12px 12px 4px}.nav-dropdown{position:relative}.nav-dropdown-trigger{background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:3px;width:auto}.nav-dropdown-caret{font-size:9px;color:var(--text-muted)}.nav-dropdown-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:var(--card-bg);border:.5px solid var(--card-border);border-radius:10px;box-shadow:0 8px 24px rgba(44,44,42,.1);padding:6px;display:flex;flex-direction:column;gap:1px;z-index:30;animation:nav-dropdown-in .15s ease}@keyframes nav-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{font-size:13px;color:var(--text-secondary);text-decoration:none;padding:8px 10px;border-radius:6px;transition:background-color .15s ease,color .15s ease}.nav-dropdown-item.active,.nav-dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}.nav-dropdown-item.active{font-weight:500}