body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#1f2937}
nav{height:56px;background:#0f766e;color:#fff;display:flex;align-items:center;gap:18px;padding:0 18px}
nav a{color:#fff;text-decoration:none;font-size:14px}
main{max-width:1180px;margin:24px auto;padding:0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0001}
.num{font-size:28px;font-weight:700;margin-top:8px}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb}
th,td{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;font-size:14px}
th{background:#f9fafb}
input,select,textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #d1d5db;border-radius:6px}
button,.btn{background:#0f766e;color:#fff;border:0;border-radius:6px;padding:9px 14px;text-decoration:none;cursor:pointer}
.danger{background:#b91c1c}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.msg{padding:10px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-bottom:12px}