*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#101c35;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{display:grid;grid-template-columns:245px 1fr}.shell,aside{min-height:100vh}aside{background:#101c35;color:white;padding:30px 20px;display:flex;flex-direction:column}.brand{font-weight:800;letter-spacing:1.8px;font-size:18px;margin:4px 10px 42px}.brand span{display:block;font-size:9px;letter-spacing:4px;margin-top:4px;color:#aab4c6}nav{display:grid;grid-gap:6px;gap:6px}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;color:#bdc6d5;font-size:14px;text-decoration:none}nav svg{width:17px}.active{background:#1c2b48;color:white!important}.secure{margin-top:auto;border-top:1px solid #33405a;padding:22px 8px 0;display:flex;gap:10px}.secure svg{width:18px}.secure b{font-size:12px;display:block}.secure small{font-size:10px;color:#9ca8ba;display:block;margin-top:4px;line-height:1.4}.content{padding:44px 52px;max-width:1450px;width:100%}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}h1{font-size:30px;margin:5px 0 7px}h2{margin:4px 0;font-size:23px}h3{margin:5px 0 9px;font-size:18px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#6f7d92;margin:0}.muted{color:#718096;font-size:13px;line-height:1.55;margin:4px 0}.secondary{background:white;border:1px solid #ccd3dd;padding:10px 16px;border-radius:6px;color:#101c35;font-weight:700}.maincard>.secondary{margin-top:10px}.clickable{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.periodSelector{background:white;border:1px solid #e0e4ea;border-radius:8px;padding:16px 18px;margin-bottom:14px;display:grid;grid-template-columns:1fr 175px 175px 120px;grid-gap:14px;gap:14px;align-items:end}.periodSelector b{display:block;font-size:14px;margin-top:5px}.periodSelector label{font-size:10px;font-weight:700;color:#65748a}.periodSelector input{display:block;width:100%;margin-top:6px;border:1px solid #ccd3dd;border-radius:5px;padding:9px;color:#101c35;background:white;font:inherit}.periodSelector small{grid-column:1/-1;color:#7d899a;font-size:10px;margin-top:-5px}.statusbar{height:42px;background:white;border:1px solid #e0e4ea;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 15px;font-size:11px;color:#69778c;margin-bottom:18px}.statusbar b{color:#263550}.dot{width:7px;height:7px;border-radius:50%;background:#2e9b67}.grid{display:grid;grid-template-columns:1.65fr 1fr;grid-gap:18px;gap:18px}.grid article,.maincard,.settingsGrid article,.sidecard{background:white;border:1px solid #e0e4ea;border-radius:8px;padding:24px}.cardhead{display:flex;justify-content:space-between}.badge{height:27px;display:flex;align-items:center;gap:6px;border-radius:20px;padding:0 10px;font-size:10px;font-weight:800}.badge svg{width:13px}.waiting{background:#f1f3f6;color:#68758a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;margin:24px 0}.metrics div{padding:17px 10px 17px 0}.metrics label,.policy label{display:block;color:#7d899a;font-size:10px;margin-bottom:7px}.metrics strong{font-size:13px}.notice{display:flex;gap:12px;background:#f5f7fa;border:1px solid #e4e8ee;padding:15px;border-radius:6px}.notice svg{width:20px;flex:none}.notice b{font-size:12px}.notice p{font-size:11px;color:#728096;line-height:1.5;margin:5px 0 0}.disabled{margin-top:18px;width:100%;border:0;background:#e7eaf0;color:#9aa4b2;padding:11px;border-radius:5px;font-weight:700;display:flex;justify-content:center;gap:8px}.disabled svg{width:15px}.checks{margin-top:20px}.checks div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f3;font-size:11px}.checks em{font-style:normal;color:#2a8a5d;display:flex;gap:5px;align-items:center;font-weight:700}.checks svg{width:14px}.gate{display:flex;align-items:center;gap:8px;margin-top:18px;background:#fff8e7;color:#8b6a16;padding:11px;border-radius:5px;font-size:10px}.gate svg{width:15px}.lower{margin-top:18px;grid-template-columns:1.3fr 1fr}.flow{display:flex;gap:9px;align-items:center;margin-top:22px}.flow span{background:#f1f3f6;border-radius:5px;padding:8px 10px;font-size:10px;font-weight:700}.flow i{font-style:normal;color:#9ba5b3}.flow .accent{background:#101c35;color:white}.policy{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:18px}.policy b{font-size:12px}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.settingTitle{display:flex;gap:12px;align-items:flex-start}.settingTitle>svg{width:20px}.settingRows{margin-top:18px;border-top:1px solid #edf0f3}.settingRows div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #edf0f3;font-size:12px}.settingRows span{color:#718096}.settingRows b{font-size:12px}.good{color:#2a8a5d}.emptySetting{margin-top:18px;background:#f7f8fa;border:1px dashed #ccd3dd;border-radius:7px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.emptySetting b{font-size:13px}.emptySetting span{font-size:11px;color:#718096}.recipientForm{display:grid;grid-template-columns:1fr 1.35fr auto;grid-gap:10px;gap:10px;align-items:end;margin-top:16px}.recipientForm label{font-size:10px;font-weight:700;color:#65748a}.recipientForm label span{font-weight:400}.recipientForm input{width:100%;display:block;margin-top:6px;border:1px solid #ccd3dd;border-radius:5px;padding:9px;font:inherit;color:#101c35;background:white}.recipientForm button,.recipientList button{border:0;border-radius:5px;padding:10px 12px;font-size:10px;font-weight:800;cursor:pointer}.recipientForm button{background:#101c35;color:white}.recipientForm small{grid-column:1/-1;color:#2a8a5d}.recipientList{margin-top:15px;border-top:1px solid #edf0f3}.recipientList>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3}.recipientList b,.recipientList span{display:block;font-size:11px}.recipientList span{color:#718096;margin-top:3px}.statusActive{background:#eaf6ef;color:#237a50}.statusInactive{background:#f1f3f6;color:#718096}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.content{padding:25px}.grid,.lower,.settingsGrid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.flow{flex-wrap:wrap}.periodSelector,.recipientForm{grid-template-columns:1fr}.periodSelector small{grid-column:1}}