:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f7f6;--p:#176b4d}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{display:flex;gap:1rem;align-items:center;padding:1rem 2rem;background:#12261f;color:#fff}header span{margin-inline-start:auto}nav{display:flex;gap:.4rem;overflow:auto;padding:.7rem 1rem;background:#fff;border-bottom:1px solid #ddd}button{border:0;border-radius:7px;padding:.65rem .9rem;background:var(--p);color:#fff;cursor:pointer}button.secondary{background:#58636e}button.danger{background:#a82828}button.warn{background:#a36300}button:disabled{opacity:.5}.login{min-height:100vh;display:grid;place-items:center}.login .card{width:min(420px,92vw)}main{padding:1rem;max-width:1400px;margin:auto}.card{background:#fff;border:1px solid #dce5e1;border-radius:10px;padding:1rem;margin:.7rem 0;box-shadow:0 2px 8px #0000000d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}label{display:grid;gap:.25rem;min-width:150px;flex:1}input,select,textarea{padding:.58rem;border:1px solid #aab8b2;border-radius:6px;background:#fff}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{padding:.55rem;text-align:start;border-bottom:1px solid #e3e8e6;white-space:nowrap}.tag{padding:.2rem .45rem;border-radius:999px;background:#e4ebe8}.error{color:#a00}#toast{position:fixed;bottom:1rem;left:1rem;background:#172033;color:#fff;padding:.8rem;border-radius:7px;display:none}h2{margin-top:.2rem}.muted{color:#64706c;font-size:.9rem}#sync-state{padding:.3rem .6rem;border-radius:999px;background:#dcfce7;color:#166534;font-size:.8rem}#sync-state.error{background:#fee2e2;color:#991b1b}