:root{--bg:#f4f7f5;--panel:#fff;--ink:#18312b;--muted:#6b7c76;--line:#dbe5e0;--accent:#237b61;--accent-dark:#195845;--danger:#a73d39;--shadow:0 10px 30px rgba(24,49,43,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,p{margin:0}h1{font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:-.04em}h2{font-size:1.15rem;letter-spacing:-.02em}.eyebrow{color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.14em;margin-bottom:.3rem}.muted,small{color:var(--muted)}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;padding:1.2rem max(1.2rem,calc((100vw - 1180px)/2))}.top-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.user-chip{background:#e6f2ed;border-radius:999px;color:var(--accent-dark);font-size:.85rem;padding:.45rem .75rem}.container{margin:0 auto;max-width:1180px;padding:1.2rem}.panel,.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:1.15rem}.toolbar{align-items:end;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.toolbar .unit-control{margin-left:auto}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.stat-card{display:flex;flex-direction:column;gap:.3rem}.stat-card span{color:var(--muted);font-size:.82rem;font-weight:700}.stat-card strong{font-size:1.55rem;letter-spacing:-.04em}.layout-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.section-heading{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.form-grid{align-items:end;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}label{color:var(--muted);display:flex;flex-direction:column;font-size:.78rem;font-weight:700;gap:.35rem}input,select,textarea{background:#fbfdfc;border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;padding:.65rem .7rem;width:100%}textarea{min-height:70px;resize:vertical}.wide{grid-column:1/-1}.button{border:1px solid transparent;border-radius:10px;cursor:pointer;display:inline-block;font:700 .85rem inherit;padding:.68rem .9rem;text-decoration:none;white-space:nowrap}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}form{margin:0}.record-list{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem;max-height:340px;overflow:auto}.record{align-items:center;background:#f7faf8;border:1px solid var(--line);border-radius:10px;display:flex;gap:.75rem;justify-content:space-between;padding:.65rem .75rem}.record-main{min-width:0}.record-title{font-weight:750}.record-meta{color:var(--muted);font-size:.8rem}.delete{background:none;border:0;color:var(--danger);cursor:pointer;font-size:.8rem}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:650px;width:100%}th,td{border-bottom:1px solid var(--line);padding:.7rem;text-align:left}th{color:var(--muted);font-size:.75rem;text-transform:uppercase}.alert{border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem}.alert.error{background:#fff0ef;color:var(--danger)}.alert.success{background:#e8f5ee;color:var(--accent-dark)}.hidden{display:none}.auth-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);max-width:410px;padding:2rem;width:100%}.auth-card h1{margin:.35rem 0}.stack{display:flex;flex-direction:column;gap:1rem;margin-top:1.4rem}.stack .button{width:100%}@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}.layout-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%}.toolbar .unit-control{margin-left:0}}@media(max-width:480px){.container{padding:.75rem}.panel,.stat-card{border-radius:14px;padding:.9rem}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar label,.toolbar button{width:100%}}