*{box-sizing:border-box}body{margin:0;background:#081827;color:#f5f8fc;font:14px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:13px clamp(14px,3vw,40px);background:#0d2235;border-bottom:1px solid #315268;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:.02em;font-weight:900}.brand b,.red{color:#fb3a50}.brand img{width:44px;height:44px;border-radius:50%;background:white;object-fit:contain}.link{font-size:12px;font-weight:800;border:1px solid #4b6778;border-radius:9px;padding:9px 12px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #69e7cd;outline-offset:2px}.notice-top{background:#5d351a;color:#ffe4b1;font-size:12px;font-weight:800;text-align:center;padding:9px 12px}.wrap{max-width:1220px;margin:0 auto;padding:36px 20px 120px}h1{font-size:clamp(30px,5vw,46px);line-height:1.12;letter-spacing:-.045em;margin:10px 0}h2{font-size:22px;letter-spacing:-.028em;margin:8px 0 14px}h3{font-size:17px;margin:9px 0}p{color:#aac0cf;margin:7px 0 16px}.muted,small{color:#a4bac8;font-size:12px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:900;color:#ff6c7b;text-transform:uppercase}.hero{padding:25px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hero img{width:185px;height:185px;object-fit:contain;background:#fff;border-radius:50%}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.box,.role{background:#112a40;border:1px solid #2e5066;border-radius:17px;padding:20px;min-width:0}.role{text-align:left;color:#f8fbff;min-height:185px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.role:hover{border-color:#f6485d;background:#19374e}.role .symbol{font-size:27px;color:#ff6473}.role p{font-size:12px}.role strong{font-size:13px;color:#ff7481}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f73b51;background:#ef3149;color:white;font-weight:850;font-size:12px;min-height:45px;border-radius:10px;padding:10px 14px;gap:8px}.btn.alt{background:#1b3d51;border-color:#486e81}.btn.ghost{background:transparent;border-color:#4c6a7d}.btn:disabled{background:#415364;border-color:#415364}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.toprow{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.demo{display:inline-flex;border-radius:100px;border:1px solid #d6af747a;color:#f0d097;padding:5px 9px;font-size:10px;font-weight:800}.layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px}.side{border-right:1px solid #315268;padding-right:12px}.side button{display:block;width:100%;border:1px solid transparent;background:transparent;color:#b6c9d5;border-radius:10px;padding:12px;text-align:left;font-size:13px;font-weight:750;min-height:45px}.side button.on{background:#f1394b23;color:#ffa7ae;border-color:#f1394b5c}.side button:hover{background:#27465b}.workspace{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.metric{background:#142f45;border:1px solid #2e5066;padding:16px;border-radius:14px}.metric b{font-size:27px;display:block;margin-top:6px}.metric small{display:block}.person{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #36596d;background:#0c2639;border-radius:11px;margin:8px 0;flex-wrap:wrap}.avatar{background:#275573;color:#e7f6ff;height:40px;width:40px;border-radius:50%;display:grid;place-items:center;font-weight:900}.person .details{flex:1;min-width:120px}.person .details strong{display:block}.person .details small{display:block}.tag{border:1px solid #b3c7d5;border-radius:30px;padding:5px 8px;font-weight:800;font-size:10px}.tag.ok{color:#aaffdb;border-color:#55ce9e}.tag.warn{color:#ffdb94;border-color:#deae66}.tag.bad{color:#ffafb1;border-color:#e78389}.warning{border:1px solid #b496657a;background:#63461a26;color:#f1d7a3;padding:14px;border-radius:12px;margin:17px 0;line-height:1.65}.match{border:1px solid #315268;background:#0e2a40;border-radius:13px;padding:18px;margin:12px 0}.matchscore{display:flex;align-items:center;justify-content:space-between;gap:8px}.matchscore strong{flex:1;font-size:16px}.matchscore strong:last-child{text-align:right}.matchscore b{font-size:26px}label{display:grid;gap:6px;font-weight:700;font-size:12px;color:#cfe1e9}input,select,textarea{width:100%;min-height:45px;background:#071e30;border:1px solid #476679;border-radius:10px;padding:11px;color:white}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#67dfca}.form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}table{border-collapse:collapse;width:100%;min-width:530px}th,td{padding:12px;border-bottom:1px solid #345366;text-align:left;font-size:12px}th{color:#aec6d7}.overflow{overflow:auto}.rule{border-top:1px solid #355267;padding:15px 0}.rule p{font-size:12px}.rule strong{display:block}.bottom{font-size:11px;color:#86a4b6;border-top:1px solid #315268;margin-top:35px;padding-top:20px}.mobile{display:none}.msg{position:fixed;bottom:19px;right:14px;z-index:100;background:#18546b;color:white;border:1px solid #57dcca;border-radius:12px;padding:13px;max-width:340px}.msg[hidden]{display:none}
@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.wrap{padding:22px 14px 110px}.hero img{width:125px;height:125px}.layout{display:block}.side{border:0;padding:0;margin-bottom:18px;display:flex;gap:4px;overflow-x:auto}.side button{width:auto;white-space:nowrap;flex-shrink:0}.mobile{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#0a2135;border-top:1px solid #34576c;padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:2px}.mobile[hidden]{display:none}.mobile button{flex:1;min-height:52px;font-weight:800;font-size:10px;color:#bfd1db;border:0;background:transparent;border-radius:9px}.mobile button.on{background:#e32c4729;color:#ffa2ad}.two{grid-template-columns:1fr}}
@media(max-width:520px){header{padding:8px 12px}.hero img{display:none}.grid{grid-template-columns:1fr 1fr;gap:9px}.role{padding:14px;min-height:174px}.role h3{font-size:15px}.role p{font-size:11px}.form{grid-template-columns:1fr}.full{grid-column:1}.box{padding:15px}.matchscore strong{font-size:12px}.matchscore b{font-size:20px}.person .tag{margin-left:51px}}
@media(max-width:375px){.grid{grid-template-columns:1fr}.role{min-height:140px}.link{display:none}}
@media print{header,.notice-top,.side,.mobile,.btn{display:none!important}body{background:#fff;color:#111}.layout{display:block}.box{background:white;color:#111;border:1px solid #aaa}p,small{color:#333}@page{margin:15mm}}