:root{font-family:Inter,Arial,sans-serif;color:#14233b;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}header{height:72px;background:#102c57;color:white;display:flex;align-items:center;gap:15px;padding:10px 22px}header span{margin-left:auto}button{background:#1553a2;color:white;border:0;border-radius:9px;padding:12px 18px;cursor:pointer}input,textarea{padding:12px;border:1px solid #cbd6e5;border-radius:9px;width:100%;font:inherit}label{display:block;margin:12px 0}.login{max-width:470px;margin:8vh auto;padding:34px;background:white;border-radius:18px;box-shadow:0 12px 40px #132b4a18}.login button{width:100%;margin-top:12px}.layout{display:flex;min-height:calc(100vh - 72px)}nav{width:245px;flex-shrink:0;background:#102c57;padding:18px;overflow:auto}nav h3{color:#f6cf83}nav a{display:flex;justify-content:space-between;color:#e7edf7;text-decoration:none;padding:11px;border-radius:8px}nav a:hover,nav a.active{background:#27538b}main:not(.login){padding:28px;min-width:0;width:100%}h1{margin-top:0}.cards{display:flex;gap:16px;flex-wrap:wrap}.cards div{background:white;padding:18px;border-radius:12px;min-width:180px;flex:1}.cards b{display:block;font-size:28px;color:#1553a2;margin-top:8px}.search{display:flex;gap:12px;margin:20px 0}.tablewrap{overflow:auto;background:white;border-radius:12px}table{border-collapse:collapse;width:100%}td,th{text-align:left;padding:13px;border-bottom:1px solid #e8edf4}th{background:#f0f5fd}.hint{color:#66758d;font-size:13px}dialog{border:0;border-radius:15px;max-width:700px;width:95%;box-shadow:0 15px 60px #0003}textarea{font-family:monospace}.error{color:#b21d1d}@media(max-width:750px){header{flex-wrap:wrap;height:auto}nav{width:145px;padding:6px}nav a{font-size:12px}main:not(.login){padding:12px}.search{flex-wrap:wrap}}