:root{font-family:system-ui,sans-serif;color:#17202a;background:#f3f5f7}*{box-sizing:border-box}body{margin:0}.layout{display:flex;min-height:100vh}aside{width:260px;background:#141414;color:#fff;padding:28px 18px}.brand{font-size:25px;font-weight:700}.brand b{color:#b9a6ff}.scope{font-size:12px;color:#aaa;margin:6px 0 28px}nav{display:grid;gap:6px}nav a{color:#aaa;text-decoration:none;padding:11px 13px;border-radius:9px}nav a:hover,nav a:focus-visible{color:#fff;background:#2a2a2a}nav a.active{color:#fff;background:#33275f}main{flex:1;min-width:0;padding:clamp(28px,6vw,80px);max-width:1000px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#7656ff;font-weight:700}h1{font-size:clamp(32px,5vw,56px);margin:8px 0 12px}.muted{color:#647080;font-size:18px}.placeholder{margin-top:36px;padding:28px;border:1px dashed #c8ced8;border-radius:14px;background:#fff;color:#687385}.menuButton,.menuOverlay{display:none}.formRow{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:28px 0}.formRow label{display:grid;gap:6px;color:#647080;font-size:13px}.formRow input,.formRow select{min-height:44px;border:1px solid #c8ced8;border-radius:8px;padding:8px 10px;font:inherit}.formRow input{min-width:min(320px,100%)}.formRow button,td button{min-height:44px;border:0;border-radius:8px;padding:8px 14px;background:#33275f;color:#fff;cursor:pointer}.formRow button:hover,form button:focus-visible,td button:hover,td button:focus-visible{background:#241a49}.error{margin:20px 0;padding:14px;border-radius:10px;background:#ffe8e8;color:#9c2f2f}.tableWrap{margin-top:24px;overflow-x:auto;border-radius:12px}table{min-width:620px;width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e6e9ee;white-space:nowrap}th{font-size:12px;color:#647080;text-transform:uppercase;letter-spacing:.06em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8b7bff;outline-offset:2px}@media(max-width:760px){.menuButton{display:grid;position:fixed;z-index:30;top:14px;left:14px;width:44px;height:44px;padding:11px;border:1px solid #d7dce3;border-radius:12px;background:#fff;box-shadow:0 4px 16px #17202a1a}.menuButton span{height:2px;width:20px;background:#17202a;border-radius:2px}.menuOverlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#17202a66}.layout aside{position:fixed;z-index:20;inset:0 auto 0 0;width:min(290px,82vw);padding:76px 18px 24px;transform:translate(-105%);transition:transform .2s ease;box-shadow:8px 0 28px #17202a33;overflow-y:auto}.layout.menuOpen aside{transform:translate(0)}main{width:100%;padding:78px 16px 32px;overflow-x:hidden}.layout.menuOpen main{touch-action:none}nav a{min-height:48px;display:flex;align-items:center;padding:10px 13px}.muted{font-size:16px}.formRow{align-items:stretch;gap:10px}.formRow label{width:100%}.formRow input,.formRow select,.formRow button{width:100%;min-height:48px}.tableWrap{margin-left:-16px;margin-right:-16px;padding:0 16px}.placeholder{padding:20px}}@media(prefers-reduced-motion:reduce){.layout aside{transition:none}}