:root{--bg: #f4f7f5;--card: #ffffff;--text: #1f2a2c;--brand: #0d6b4f;--accent: #db8c22;--danger: #bc3b3b;--muted: #6f7f7e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#e7f2ec,var(--bg))}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#12362d;color:#fff;padding:20px}.sidebar nav a{display:block;padding:10px;border-radius:8px;margin-bottom:8px}.sidebar nav a.router-link-active{background:#fff3}.main{padding:20px}.card{background:var(--card);border-radius:12px;padding:16px;box-shadow:0 6px 18px #12362d14;margin-bottom:16px}.grid{display:grid;gap:12px}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}button{border:none;border-radius:8px;padding:8px 12px;cursor:pointer;background:var(--brand);color:#fff}button.alt{background:#344f49}button.warn{background:var(--danger)}input,select{width:100%;border:1px solid #d9e2de;padding:8px;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eef2f0;text-align:left}.badge{padding:4px 8px;border-radius:20px;font-size:12px;background:#e8f3ef;color:#0c5f47}.small{color:var(--muted);font-size:13px}