body{font-family:Arial,sans-serif;background:#f5f7fb;color:#172033;margin:0}nav{background:#111827;color:#fff;padding:14px 22px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none}.container{max-width:1300px;margin:24px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:14px}.metric{font-size:27px;font-weight:800}.muted{color:#667085;font-size:13px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px;border-bottom:1px solid #eee;text-align:left;font-size:13px}th{background:#f8fafc}.btn{display:inline-block;padding:8px 12px;border:0;border-radius:7px;background:#111827;color:#fff;text-decoration:none;cursor:pointer}.secondary{background:#e5e7eb;color:#111827}.green{background:#166534}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}input,select,textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid #d0d5dd;border-radius:7px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.flash{background:#ecfdf3;border:1px solid #bbf7d0;padding:9px;border-radius:7px;margin:10px 0}.badge{padding:4px 7px;border-radius:99px;background:#fff7ed}.filed{background:#ecfdf3}.overdue{background:#fef2f2}@media(max-width:850px){.grid,.formgrid{grid-template-columns:1fr 1fr}}.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.authcard{width:100%;max-width:380px;padding:24px}.authcard h1{margin:0 0 4px}.navuser{margin-left:auto;color:#9ca3af;font-size:13px}