:root{--brand:#065f46;--muted:#f0fdf4;--danger:#b91c1c;--text:#062e26}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial}
a{color:var(--brand);text-decoration:none}
.header{display:flex;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e5e7eb;background:var(--muted)}
.header h1{font-size:18px;margin:0}.container{max-width:980px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.04);padding:18px}
.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.label{display:block;font-size:12px;color:#4b5563;margin-bottom:6px}
.input,select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:var(--brand);color:#fff;cursor:pointer}
.btn.secondary{background:#fff;color:var(--brand);border-color:var(--brand)}.btn.danger{background:#b91c1c;color:#fff}.btn:disabled{opacity:.6}
.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid #eef2f7}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#ecfeff;color:#0e7490;border:1px solid #bae6fd;font-size:12px}
.footer{margin:32px 0 16px;color:#6b7280;font-size:12px;text-align:center}.notice{background:#f8fafc;border:1px solid #e5e7eb;padding:12px;border-radius:12px}
@media (max-width:720px){.grid-2{grid-template-columns:1fr}}