:root{font-family:Inter,system-ui,sans-serif;color:#15243e;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#1764bd;text-decoration:none}aside{position:fixed;width:245px;background:#10213c;color:#aebbd0;height:100vh;padding:34px 22px;display:flex;flex-direction:column;gap:22px}.brand{color:inherit;font-size:30px;font-weight:850;letter-spacing:-1px}.brand span{font-size:12px;letter-spacing:2px;margin-left:10px;color:#48c8b4}aside p{font-size:12px;margin:0}nav{display:grid;gap:8px}nav a{color:#b9c7da;padding:13px;border-radius:8px}.selected,nav a:hover{background:#263c59;color:white}aside small{margin-top:auto;color:#aebbd0}main{margin-left:245px;padding:26px 38px;max-width:1600px}header{display:flex;justify-content:space-between;color:#62748e;margin-bottom:38px;font-size:13px}h1{font-size:32px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px;margin-top:32px}p{color:#62748e;line-height:1.6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.metrics section,.card,.table{background:white;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 4px 16px #162c4605}.metrics section{padding:24px}.metrics span{display:block;color:#62748e;font-size:13px}.metrics strong{display:block;font-size:28px;margin-top:12px}.table{overflow:auto;margin-top:22px}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:12px;text-transform:uppercase;color:#62748e;background:#fafbfd}td,th{padding:16px;border-bottom:1px solid #edf0f5}small{display:block;margin-top:5px;color:#62748e}.card{padding:26px;margin:22px 0;max-width:760px}form.card{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;width:100%;border:1px solid #c9d4e3;border-radius:7px;padding:11px;background:white;color:#15243e}input[type=checkbox]{width:auto}textarea{min-height:110px}button,.button{border:0;border-radius:7px;background:#1764bd;color:white;padding:12px 18px;font:inherit;cursor:pointer;display:inline-block;width:fit-content}button:hover,.button:hover{background:#105199}.secondary{background:#263c59}.search{display:flex;gap:12px;max-width:640px;margin-top:20px}.search input,.search select{flex:1}.error,.success{padding:16px;border-radius:8px}.error{background:#ffebe9;color:#922b2b}.success{background:#dcf4eb;color:#17634b}.login{margin:8vh auto;padding:38px;max-width:450px;background:white;border-radius:16px;border:1px solid #dfe6ef}.login form{display:grid;gap:18px}.login .brand{color:#10213c}pre{white-space:pre-wrap;font:inherit;line-height:1.8}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}main{padding:24px}aside{width:210px}main{margin-left:210px}}@media(max-width:700px){aside{position:static;width:100%;height:auto;padding:20px;gap:12px}nav{grid-template-columns:repeat(2,1fr)}main{margin:0;padding:20px}.login{margin:30px 15px}h1{font-size:26px}.metrics{gap:10px}.metrics section{padding:16px}.metrics strong{font-size:22px}.search{flex-wrap:wrap}}

.profile{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:0;margin-bottom:24px}.profile dt,.profile dd{padding:12px 0;border-bottom:1px solid #edf0f5;margin:0}.profile dt{color:#62748e}.profile dd{overflow-wrap:anywhere}.search label{min-width:150px}.search button{align-self:end}@media(max-width:700px){.profile{grid-template-columns:1fr}.profile dt{border:0;padding-bottom:0}.profile dd{padding-top:5px}}