:root{color:#111827;background:#f5f6fa;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:24px}header{color:#fff;background:#081426;border-radius:18px;justify-content:space-between;align-items:center;padding:24px;display:flex}header strong{font-size:28px}header span{color:#f5164b}header small{letter-spacing:2px;font-size:12px}h1{text-transform:capitalize;font-size:24px}button{color:#fff;cursor:pointer;background:#f5164b;border:0;border-radius:10px;margin:4px;padding:12px 16px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #5f8dff}nav{flex-wrap:wrap;margin:20px 0;display:flex}nav button{color:#111827;text-transform:capitalize;background:#fff}nav button[aria-current]{color:#fff;background:#f5164b}.panel{background:#fff;border-radius:18px;margin:20px 0;padding:24px}.login{max-width:480px;margin:50px auto}label{margin:16px 0;font-size:14px;display:block}input,select,textarea{width:100%;font:inherit;border:1px solid #cfd4df;border-radius:8px;margin-top:8px;padding:12px;display:block}.error{color:#9e1235;background:#ffe5eb;border-radius:10px;padding:16px}.table{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}td,th{vertical-align:top;border-bottom:1px solid #eceef2;padding:16px}td small{color:#697386;overflow-wrap:anywhere;margin:8px 0;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:450px}footer{color:#697386;padding:20px 0;font-size:12px}@media (max-width:600px){main{padding:12px}.panel,header{padding:16px}td,th{padding:10px}}