:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f4;--surface:#fff;--border:#e3e2de;--text:#1b1b19;--muted:#6b6a65;--accent:#2a5bd7;--accent-text:#fff;--row-hover:#f1f4fc;--danger:#b42318;--soon-bg:#fff3d6;--soon-text:#8a5a00;--past-bg:#fde7e4;--past-text:#a1281b;--badge-bg:#eceae5;--ok:#1e7a3c;--radius:8px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121211;--surface:#1b1b1a;--border:#2f2f2c;--text:#efeee9;--muted:#a3a29b;--accent:#6b93f5;--accent-text:#0e1220;--row-hover:#20242f;--danger:#f47066;--soon-bg:#3b2f12;--soon-text:#f5c66b;--past-bg:#3d1a17;--past-text:#f59a90;--badge-bg:#2a2a27;--ok:#6fd08f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:1.5rem}h2{margin:0 0 16px;font-size:1.15rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;margin-top:30vh}.error{color:var(--danger)}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:20px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{padding:0 10px;font-weight:650}.sidebar nav{flex-direction:column;gap:18px;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 10px 4px;font-size:.72rem;font-weight:600}.sidebar nav a{color:var(--muted);border-radius:6px;padding:6px 10px;font-weight:500}.sidebar nav a:hover{color:var(--text);background:var(--bg);text-decoration:none}.sidebar nav a.active{color:var(--text);background:var(--bg)}.account{flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;padding:0 10px;display:flex}.content{width:100%;min-width:0;max-width:1100px;padding:28px 32px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-actions{gap:8px;display:flex}.search{width:240px}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:48px 24px}input,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 10px}input:focus-visible,textarea:focus-visible,button:focus-visible,tr:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.button{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:6px;padding:7px 14px;font-weight:550}.button:disabled{opacity:.6;cursor:default}.button.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.button.danger{color:var(--danger);background:0 0;border-color:#0000;padding-left:0}.button.link{color:var(--muted);background:0 0;border:none;padding:0;font-weight:500}.button.link:hover{color:var(--text)}.filters{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 12px;font-size:.85rem;font-weight:500;display:inline-flex;position:relative}.chip:hover{color:var(--text);border-color:var(--muted)}.chip:focus-within{outline:2px solid var(--accent);outline-offset:1px}.chip.active{color:var(--accent);border-color:var(--accent);background:var(--row-hover)}.chip-text{text-overflow:ellipsis;max-width:220px;overflow:hidden}.chip-text strong{font-weight:600}.chip-caret{flex:none}.chip select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.filter-summary{align-items:center;gap:10px;margin-left:4px;display:inline-flex}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 16px;font-size:.78rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:hover{background:var(--row-hover)}.num{text-align:right;font-variant-numeric:tabular-nums}.narrow{white-space:nowrap;width:1%}.due{white-space:nowrap}.badge{background:var(--badge-bg);color:var(--muted);border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.78rem;font-weight:550;display:inline-block}.badge.soon{background:var(--soon-bg);color:var(--soon-text)}.badge.past{background:var(--past-bg);color:var(--past-text)}.dialog{border:1px solid var(--border);background:var(--surface);width:min(560px,100vw - 32px);color:var(--text);border-radius:12px;padding:24px}.dialog::backdrop{background:#00000059}.form-grid{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.form-grid label{flex-direction:column;grid-column:1/-1;gap:4px;font-size:.88rem;font-weight:550;display:flex}.form-grid label.half{grid-column:span 1}.required{color:var(--danger)}.dialog-actions{align-items:center;gap:8px;margin-top:22px;display:flex}.spacer{flex:1}.import-columns{overflow-wrap:anywhere;line-height:1.7}code{background:var(--badge-bg);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.file-pick{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 8px;display:flex}.file-pick input{opacity:0;width:1px;height:1px;position:absolute}.file-pick input:focus-visible+.button{outline:2px solid var(--accent);outline-offset:1px}.file-name{overflow-wrap:anywhere;min-width:0}.ok{color:var(--ok);font-weight:550}.import-errors{border:1px solid var(--border);background:var(--bg);max-height:40vh;color:var(--text);border-radius:6px;margin:8px 0;padding:10px 12px 10px 28px;font-size:.9rem;overflow-y:auto}.import-errors li+li{margin-top:4px}.links{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.links h3{margin:0 0 8px;font-size:.88rem}.links ul{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.links li{background:var(--bg);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;display:flex}.links li .kind{color:var(--muted);text-transform:capitalize}.links li .button.link{padding:0 4px;font-size:1.1rem;line-height:1}.links select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;max-width:100%;padding:6px 8px;font-size:.88rem}.link-picker{flex-wrap:wrap;gap:8px;display:flex}.signin{place-items:center;min-height:100vh;padding:16px;display:grid}.signin-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;width:min(400px,100%);padding:36px 32px}.signin-card h1{margin-bottom:6px}.google-button{justify-content:center;min-height:44px;margin-top:24px;display:flex}.dev-signin{border-top:1px dashed var(--border);text-align:left;gap:10px;margin-top:28px;padding-top:20px;display:grid}.dev-signin label{color:var(--muted);gap:4px;font-size:.85rem;display:grid}@media (width<=640px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{z-index:1;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:8px;height:auto;padding:8px 12px;position:sticky}.brand,.nav-title,.account .muted{display:none}.sidebar nav{scrollbar-width:none;flex-direction:row;gap:2px;min-width:0;overflow-x:auto}.nav-group{flex-direction:row;gap:2px}.sidebar nav a{white-space:nowrap}.account{margin:0 0 0 auto;padding:0}.content{padding:20px 16px 48px}.search{width:100%}.page-actions{flex-wrap:wrap;width:100%}.page-actions .search{flex:100%}.page-actions .button{flex:1}.form-grid label.half{grid-column:1/-1}.table-wrap{background:0 0;border:none;overflow:visible}table,tbody,tr,td{width:100%;display:block}thead{display:none}tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:12px 14px}td{text-align:left;border:none;gap:12px;padding:2px 0;display:flex}td.num{text-align:left}td:before{content:attr(data-label);color:var(--muted);flex:0 0 96px;font-size:.85rem}td:first-child{padding-bottom:6px;font-size:1.05rem}td:first-child:before{display:none}.narrow{width:100%}}
