:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202735;background:#f5f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:230px;padding:30px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;border-right:1px solid #e6eaf1;background:#f8f9fc}.brand{text-decoration:none;color:#202735;font-size:23px;font-weight:750}.brand>span{display:inline-grid;place-items:center;background:#265cf2;color:white;border-radius:12px;width:40px;height:40px;margin-right:10px}.brand small{display:block;font-size:13px;font-weight:400;color:#71809b;margin:12px 0 28px}nav{display:grid;gap:7px}nav a,nav button{border:0;text-decoration:none;text-align:left;background:transparent;color:#38475f;padding:12px;border-radius:9px;font:inherit;font-weight:600}nav button.active,nav a:hover{background:#e7edff;color:#245aef}.side-note{margin-top:auto;font-size:22px;font-weight:650;line-height:1.4}.side-note small{display:block;color:#7f8aa0;font-size:12px;margin-top:10px;font-weight:400}main{margin-left:230px;width:calc(100% - 230px);padding:30px 40px;background:white;border-radius:24px 0 0 24px;min-height:100vh}header{display:flex;justify-content:space-between;color:#78859a;font-size:13px;margin-bottom:28px}h1{font-size:38px;letter-spacing:-1.2px;margin:10px 0}h2{font-size:21px}h3{font-size:17px}.eyebrow{color:#245aef;font-size:12px;letter-spacing:2px;font-weight:750}.muted,small{color:#71809b;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}.card{border:1px solid #e0e6f1;border-radius:18px;padding:24px;margin:20px 0;background:#fff}.grid .card{margin:0}.company{cursor:pointer;min-height:125px;text-align:left;font-size:18px;background:linear-gradient(130deg,#fff,#f6f8ff);border:1px solid #dfe6f5;border-radius:16px;padding:25px}.company:hover{border-color:#245aef;box-shadow:0 8px 25px #245aef10}.company small{display:block;margin-top:10px;font-size:12px}.primary,button.primary{background:#245aef;color:white;border-color:#245aef}button,.button{border:1px solid #dfe4ef;border-radius:9px;padding:11px 15px;background:white;color:#34425b;font:inherit;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input,select,textarea{font:inherit;padding:11px;border:1px solid #dbe2ef;border-radius:8px;width:100%;background:white;color:#202735}label{display:block;font-weight:600;color:#536279;margin:14px 0}label input,label select,label textarea{margin-top:7px}textarea{min-height:80px}input[type=checkbox]{width:auto;margin-right:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice,#message:not(:empty){background:#eef4ff;border-left:4px solid #245aef;padding:15px;border-radius:7px;margin:18px 0;white-space:pre-line}#message.error{background:#fff0ed;border-color:#d44635;color:#a12b20}.status{border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;background:#fff0ed;color:#aa392e}.status.green{background:#e1f5e9;color:#177647}.status.gray{background:#f0f2f6;color:#6e788c}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:13px 8px;vertical-align:top}th{color:#7a879d;font-size:12px}td button{padding:7px 10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;min-height:70vh}.hero .visual{background:radial-gradient(at top left,#294e87,#102938);color:white;min-height:480px;border-radius:26px;padding:50px;display:flex;flex-direction:column;justify-content:center}.visual h2{font-size:36px}.login{max-width:380px;margin:auto;width:100%}details>summary{cursor:pointer;font-weight:600}form{margin:0}.badge{color:#245aef;font-weight:600}fieldset{border:0;padding:0;margin:0}.empty{padding:35px;border:1px dashed #dce3f1;color:#7d89a0;border-radius:12px;text-align:center}[hidden]{display:none!important}@media(max-width:850px){aside{width:180px;padding:20px 12px}main{margin-left:180px;width:calc(100% - 180px);padding:25px 20px}.hero{grid-template-columns:1fr}.hero .visual{display:none}.two{grid-template-columns:1fr}}@media(max-width:580px){body{display:block}aside{position:static;width:100%;padding:16px}.brand small,.side-note{display:none}nav{display:flex;flex-wrap:wrap;margin-top:10px}nav button,nav a{padding:8px}main{margin:0;width:100%;padding:22px 16px;border-radius:20px 20px 0 0}h1{font-size:30px}.card{padding:18px}.grid{grid-template-columns:1fr 1fr;gap:10px}.company{padding:16px;font-size:15px}.two{gap:0}}