:root{color-scheme:light dark;--bg: #f8fafc;--fg: #0f172a;--card: #ffffff;--border: #e2e8f0;--accent: #2563eb;--ok: #16a34a;--bad: #dc2626;--muted: #64748b;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}[data-theme=dark]{--bg: #0f172a;--fg: #f1f5f9;--card: #1e293b;--border: #334155;--accent: #60a5fa;--ok: #22c55e;--bad: #f87171;--muted: #94a3b8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--accent)}a.no-underline{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.layout{min-height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.topbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:1.05rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>button{flex-shrink:0}.nav-desktop{display:none;gap:.5rem;flex-wrap:wrap}.nav-desktop .nav-item{text-decoration:none;padding:.35rem .6rem;border-radius:.35rem;color:var(--fg);display:inline-flex;align-items:center;gap:.4rem;max-width:100%}.nav-desktop .nav-item.active{background:var(--border)}.nav-item__icon{display:inline-flex;flex-shrink:0}.nav-item__icon svg{display:block}.nav-item__label{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-mobile-toggle{display:inline-flex}@media(min-width:1024px){.nav-desktop{display:flex}.nav-mobile-toggle{display:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:var(--card);z-index:50;padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:-4px 0 24px #00000026}.drawer .nav-item{padding:.6rem;text-decoration:none;color:var(--fg);border-radius:.35rem;display:flex;align-items:center;gap:.5rem}.drawer .nav-item.active{background:var(--border)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border);background:var(--card);padding-bottom:var(--safe-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:20}.bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center;padding:.45rem .2rem;min-height:3rem;text-decoration:none;color:var(--fg)}.bottom-nav .nav-item__label{font-size:.65rem;font-weight:600;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bottom-nav .nav-item.active,.bottom-nav .nav-item.active .nav-item__label{color:var(--accent)}@media(min-width:1024px){.bottom-nav{display:none}}main.page{flex:1;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));max-width:1200px;width:100%;margin:0 auto;padding-bottom:calc(4rem + var(--safe-bottom))}@media(min-width:1024px){main.page{padding-bottom:1rem}}.card{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin-bottom:.75rem}.card.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--card))}.card.err{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--card))}.card.nodata{border-color:var(--muted)}.grid-points{display:grid;gap:.75rem}@media(min-width:640px){.grid-points{grid-template-columns:repeat(2,1fr)}}.agent-point-nested-targets.grid-points{grid-template-columns:1fr}@media(min-width:900px){.agent-point-nested-targets.grid-points{grid-template-columns:repeat(2,1fr)}}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{border-bottom:1px solid var(--border);padding:.5rem;text-align:left}tr.clickable{cursor:pointer}tr.clickable:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.form-grid{display:grid;gap:.75rem;max-width:520px}label span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}input,select,textarea{width:100%;padding:.5rem .6rem;border-radius:.35rem;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.computer-card-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;grid-column:1 / -1}.computer-card-toolbar .row-actions{margin-top:0}.computer-card-toolbar h2{margin:0;font-size:1.15rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.computer-photo-file-wrap{display:flex;justify-content:center;margin-bottom:.75rem}label.computer-photo-file-label{padding:.45rem .9rem;border-radius:.35rem;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font:inherit;display:inline-block;text-align:center}.computer-photo-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.computer-photo-card{border:1px solid var(--border);border-radius:.5rem;padding:.5rem;background:var(--card);cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:7.5rem;flex-shrink:0}.computer-photo-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.computer-photo-thumb-wrap{width:100%;aspect-ratio:1;overflow:hidden;border-radius:.35rem;background:var(--bg)}.computer-photo-thumb{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.computer-photo-delete{font-size:.8rem;padding:.3rem .45rem}.photo-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000c7;display:flex;align-items:center;justify-content:center;padding:1rem;padding-top:max(1rem,var(--safe-top));padding-bottom:max(1rem,var(--safe-bottom))}.photo-lightbox-dialog{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:min(96vw,1200px);max-height:min(92vh,100%)}.photo-lightbox-img{max-width:100%;max-height:min(78vh,900px);width:auto;height:auto;object-fit:contain;border-radius:.35rem}button{padding:.45rem .9rem;border-radius:.35rem;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.tabs{display:flex;gap:.25rem;flex-wrap:nowrap;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.15rem}.tabs .tab-item{padding:.4rem .65rem;border-radius:.35rem;text-decoration:none;color:var(--fg);white-space:nowrap;border:1px solid transparent;display:inline-flex;align-items:center;gap:.4rem}.tabs button.tab-item{font:inherit;cursor:pointer;background:transparent}.tab-item__icon{display:inline-flex;flex-shrink:0}.tab-item__icon svg{display:block}.tab-item__label{font-size:.875rem}.tabs .tab-item.active{border-color:var(--border);background:var(--card)}.mobile-cards .mcard{border:1px solid var(--border);border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.deadlines-list tr.deadlines-row-selected{background:color-mix(in srgb,var(--accent) 14%,transparent)}.mobile-cards .mcard.deadlines-row-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@media(min-width:640px){.mobile-cards{display:none}.desktop-table{display:table}}@media(max-width:639px){.desktop-table{display:none}}