*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f6f8;color:#111827}nav{display:flex;gap:18px;align-items:center;padding:12px 24px;background:#0f172a;color:#fff}nav a{color:#cbd5e1;text-decoration:none;font-size:14px}nav a.active{color:#fff;font-weight:600}nav .brand{font-weight:700;margin-right:8px}nav .spacer{flex:1 1}nav button{background:transparent;border:1px solid #475569;color:#e2e8f0}main{padding:24px;max-width:1100px;margin:0 auto}h1{margin-top:0;font-size:22px}h2{font-size:16px;margin:24px 0 8px}.cards{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.card{background:#fff;border-radius:10px;padding:18px 22px;min-width:140px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.card b{display:block;font-size:26px}.card span{color:#64748b;font-size:13px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06)}td,th{text-align:left;padding:10px 14px;border-bottom:1px solid #eef0f3;font-size:14px}th{background:#f8fafc;font-weight:600;color:#334155}.badge{padding:3px 9px;border-radius:999px;font-size:12px;background:#eef2ff;color:#4338ca}.badge.approved,.badge.done{background:#ecfdf5;color:#047857}.badge.pending{background:#fffbeb;color:#b45309}.badge.failed,.badge.rejected{background:#fef2f2;color:#b91c1c}button{padding:7px 12px;border-radius:7px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:13px}button.primary{background:#0f172a;color:#fff;border:none}button.small{padding:3px 8px;font-size:12px;margin-right:4px}input,select{padding:8px 10px;border:1px solid #d1d5db;border-radius:7px;font-size:14px}.error{color:#b91c1c}.muted{color:#64748b}.form{gap:8px;flex-wrap:wrap;margin-bottom:16px;background:#fff;padding:14px;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.form,.login-wrap{display:flex;align-items:center}.login-wrap{min-height:100vh;justify-content:center}.login{background:#fff;padding:32px;border-radius:14px;width:320px;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px}.login h1{font-size:20px;text-align:center}