:root{font:15px system-ui;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 4%;background:#172033;color:#fff}header h1{font-size:20px;margin:0}header a{color:#fff}main{max-width:1200px;margin:30px auto;padding:0 20px}.login{max-width:420px;margin:12vh auto;background:#fff;padding:30px;border-radius:14px;box-shadow:0 8px 30px #17203318}label{display:block;margin:16px 0}input{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #ccd3df;border-radius:7px}button{background:#2563eb;color:#fff;border:0;border-radius:7px;padding:8px 12px;cursor:pointer}.secondary{background:#64748b;margin-left:6px}.cards{display:flex;gap:12px;flex-wrap:wrap}.cards article{background:#fff;border-radius:12px;padding:16px 30px}.cards strong,.cards span{display:block}.cards strong{font-size:26px}.mode{background:#fff8db;padding:10px;border-radius:8px}.table{overflow:auto;background:#fff;border-radius:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8ebf1;vertical-align:top}.badge{padding:4px 8px;border-radius:10px;background:#e5e7eb}.badge.sent{background:#dcfce7}.badge.error{background:#fee2e2}.badge.approved{background:#dbeafe}td form{display:flex;white-space:nowrap}