:root{font-family:Segoe UI,Arial,sans-serif;color:#17202a;background:#edf2f7}*{box-sizing:border-box}body{margin:0}.page-shell{max-width:1400px;margin:0 auto;padding:32px 20px}.panel{background:#fff;border:1px solid #d7dee7;border-radius:8px;box-shadow:0 8px 24px #17202a12}.login-panel{max-width:430px;margin:10vh auto;padding:32px}.eyebrow{margin:0 0 8px;color:#1261a0;font-size:12px;font-weight:700;letter-spacing:2px}h1{margin:0 0 10px;font-size:32px}label{display:block;margin-top:18px;font-size:14px;font-weight:600}input,select{width:100%;margin-top:7px;padding:12px;border:1px solid #bbc7d4;border-radius:5px;background:#fff;font:inherit}button{border:0;border-radius:5px;padding:12px 16px;background:#1261a0;color:#fff;font:inherit;font-weight:700;cursor:pointer}form button{width:100%;margin-top:24px}.muted{color:#617080}.error{min-height:20px;color:#b42318;font-size:14px}.hidden{display:none!important}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#fff;color:#1261a0;border:1px solid #9db1c4}.toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;padding:14px;margin-bottom:16px}.toolbar input,.toolbar select{margin:0}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:15px 14px;text-align:left;border-bottom:1px solid #e5eaf0;vertical-align:top;font-size:14px}th{background:#f6f8fa;color:#526170;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background:#f8fbfd}.customer-name{font-weight:700}.customer-contact,.small{display:block;color:#617080;font-size:12px;margin-top:4px}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8f5ed;color:#167144;font-size:12px;font-weight:700}.status.pending{background:#fff4d6;color:#8a5a00}.status.failed{background:#fde8e7;color:#b42318}@media(max-width:700px){.page-shell{padding:20px 12px}.dashboard-header{align-items:flex-start;flex-direction:column}.toolbar{grid-template-columns:1fr}.header-actions{width:100%}.header-actions button{flex:1}}