:root{font-family:Arial,Helvetica,sans-serif;color:#22252b;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;container-type:inline-size}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #6f82bf;outline-offset:3px}[hidden]{display:none!important}p,h1,h2{margin:0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}header{height:68px;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid #e3e5e8}.brand{font-weight:700;letter-spacing:-.05em;font-size:18px}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:#6a707a;margin-left:18px}.demo-label{margin-left:auto;font-size:11px;color:#646b75}.quiet{min-height:40px;padding:0 12px;border:1px solid #d3d8df;border-radius:5px;background:white;font-size:12px}.workspace{display:flex;min-height:600px}aside{width:184px;background:#f7f8fa;border-right:1px solid #e3e5e8;position:relative;padding:32px 14px}.aside-label{font-size:9px;letter-spacing:.1em;color:#686d77;padding-left:12px}.nav-selected{margin-top:22px;font-size:12px;background:#e8ebf0;border-radius:5px;display:block;padding:13px 12px}.nav-selected b{float:right}.aside-bottom{position:absolute;bottom:26px;left:23px;font-size:9px;line-height:1.8;color:#626976}.aside-bottom span{font-size:10px}.content{padding:38px 40px 25px;flex:1;min-width:0}.topline{display:flex;align-items:center;justify-content:space-between;gap:22px}.eyebrow{font-size:9px;letter-spacing:.12em;color:#656e7a;margin-bottom:11px}h1{font-size:28px;letter-spacing:-.05em;font-weight:500}.primary{min-height:43px;border:0;border-radius:5px;background:#232834;color:#fff;padding:0 16px;font-size:12px;white-space:nowrap}.primary:not(:disabled):hover{background:#434d62}.primary span{margin-left:16px}.summary{display:grid;grid-template-columns:1fr 1fr 1fr 1.8fr;margin:34px 0 24px;padding:23px 0;border-top:1px solid #e3e5e8;border-bottom:1px solid #e3e5e8;gap:22px}.summary div>span{font-size:11px;color:#626b78;display:block;margin-bottom:10px}.summary strong{font-size:30px;font-weight:400;letter-spacing:-.06em}.summary p{font-size:12px;line-height:1.6;color:#5a6573;align-self:center;border-left:1px solid #d7dde4;padding-left:25px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}thead{font-size:10px;color:#657080}th{padding:10px 12px;font-weight:400;border-bottom:1px solid #dce1e7}td{padding:17px 12px;border-bottom:1px solid #e8ebef;height:62px}td strong{font-size:12px;font-weight:500}td small{display:block;color:#6c7583;font-size:10px;margin-top:4px}.badge{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:4px;font-size:10px;white-space:nowrap;background:#eff1f5;color:#515b6c}.badge.blocked{background:#f7eee0;color:#775009}.badge.approved{background:#e6f1ec;color:#276147}.row-action{border:1px solid #c7ced8;background:white;border-radius:4px;min-height:32px;padding:0 10px;font-size:11px}.row-action:disabled{display:none}.bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.bottomline p{font-size:12px;color:#5a6573}.detail{position:relative;display:flex;align-items:center;gap:25px;padding:24px;margin-top:22px;background:#f0f3f7;border:1px solid #cdd5e1;border-radius:5px}.detail h2{font-size:20px;font-weight:500;margin-bottom:10px;letter-spacing:-.03em}.detail p:not(.eyebrow){font-size:12px;line-height:1.6;color:#4c596b;max-width:450px}.detail .primary{margin-left:auto}.detail #close{position:absolute;right:7px;top:4px;border:0;background:transparent;min-height:30px;padding:0 7px;font-size:20px}.activity{display:flex;gap:10px;align-items:center;border-top:1px solid #e1e5eb;margin-top:28px;padding-top:18px;color:#4b5666;font-size:11px}.activity>span{font-size:8px}.limitations{font-size:10px;color:#687180;line-height:1.7;margin-top:16px;max-width:730px}
@container(max-width:950px){aside{display:none}.content{padding:28px}.workspace{min-height:560px}header{padding-inline:28px}.summary{gap:15px}.summary p{padding-left:15px}}
@container(max-width:620px){header{height:auto;min-height:65px;padding:12px 16px;gap:12px;flex-wrap:wrap}.brand span{display:none}.demo-label{font-size:9px}.quiet{font-size:10px;padding:0 8px;min-height:36px}.content{padding:24px 16px}.topline{display:block}h1{font-size:27px}.topline .primary{margin-top:18px;width:100%}.summary{grid-template-columns:repeat(3,1fr);margin-top:24px;gap:18px}.summary p{grid-column:1/-1;border-left:0;padding:12px 0 0;border-top:1px solid #e1e5eb}.summary p br{display:none}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){display:none}td,th{padding-inline:5px}td{height:70px}.badge{font-size:9px;padding:5px}.row-action{font-size:10px;padding-inline:7px;min-height:36px}.bottomline{align-items:flex-start;flex-direction:column}.bottomline .primary{width:100%}.detail{display:block;padding:20px}.detail .primary{margin-top:16px;white-space:normal;width:100%;padding:12px}.activity{font-size:10px;line-height:1.5}.limitations{font-size:10px}}