*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1c2c3a;font:15px system-ui,sans-serif}h1{font-size:34px;letter-spacing:-1px;margin:8px 0 24px}h2{font-size:24px}.brand{font-size:13px;letter-spacing:2px;font-weight:800;line-height:1.8;color:#3cddbb;margin-bottom:38px}aside{position:fixed;width:230px;inset:0 auto 0 0;background:#132c36;padding:32px 22px;color:white}nav{display:grid;gap:8px;margin-bottom:35px}button{border:1px solid #cad7da;background:white;border-radius:8px;padding:11px 16px;color:#193b44;cursor:pointer;font:inherit;font-weight:600}button:hover{background:#def5ed}nav button,aside>button{color:#dce9ec;background:transparent;border:0;text-align:left}nav button.active{background:#264952;color:#5de5c6}.workspace{margin-left:230px;padding:45px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center}small{color:#65808b;letter-spacing:1.8px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px;margin-bottom:28px}.card{background:white;border:1px solid #e0e7ea;border-radius:14px;padding:23px}.card strong{display:block;font-size:32px;margin-top:12px}.tablewrap{overflow:auto;background:white;border:1px solid #e0e7ea;border-radius:12px;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px;text-align:left;border-bottom:1px solid #e9eff1;vertical-align:top;max-width:340px;overflow-wrap:anywhere}th{color:#56717e;font-size:11px;text-transform:uppercase;background:#f8fafb}td button{font-size:12px;margin:2px;padding:6px 9px}input,select,textarea{display:block;width:100%;border:1px solid #b9cbd0;border-radius:7px;padding:11px;font:inherit;background:white;color:#16343e}label{display:block;margin:18px 0 8px;font-size:13px}textarea{min-height:85px}dialog{width:min(1100px,94vw);max-height:90vh;border:1px solid #bacbd2;border-radius:15px;padding:30px}dialog::backdrop{background:#112b39aa}.login{max-width:420px;margin:12vh auto;padding:35px;background:white;border-radius:16px;box-shadow:0 12px 65px #193b4412}.login .brand{color:#117965}.login button{width:100%;background:#145d50;color:white;margin-top:25px}footer{color:#70838d;font-size:12px;margin-top:35px}#feedback{color:#ae3c30;min-height:22px}.toolbar{display:flex;gap:12px;max-width:650px}a{color:#087c66}p{line-height:1.6}@media(max-width:800px){aside{position:relative;width:auto;padding:20px}nav{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.brand{margin:0}.workspace{margin:0;padding:22px}h1{font-size:28px}}

aside{overflow-y:auto}.actions{position:sticky;left:0;background:white;min-width:105px;z-index:1}.tablewrap>p{padding:18px}th.actions{background:#f8fafb}#identity{line-height:1.8;color:#526f7c}

th,td{white-space:nowrap;overflow-wrap:normal}td.wrap{white-space:normal;min-width:220px;overflow-wrap:anywhere}