:root{font:14px/1.6 Arial,sans-serif;color:#302634;background:#faf8f3;--plum:#493151;--lavender:#eae3f2;--violet:#6846df;--green:#17674e;--amber:#865710;--red:#a33339;--unknown:#626170}*{box-sizing:border-box}body{margin:0}header,footer{padding:22px 4vw;display:flex;align-items:center;gap:12px;flex-wrap:wrap}header>div{margin-right:auto}header b{font-size:24px;letter-spacing:2px}header span{display:block;color:#706577;font-size:12px}button,select,input{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;background:var(--lavender);color:var(--plum)}button:hover{background:#d9cdef}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.banner{padding:12px 4vw;background:#493151;color:white;font-size:12px}.banner strong{margin-right:15px;letter-spacing:.08em}main{max-width:1400px;margin:auto;padding:35px 4vw}h1{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.15;margin:14px 0}h2{font-size:20px;font-weight:500;margin:0 0 16px}h3{font-size:15px;margin:0 0 8px}p{margin:8px 0 16px}.intro{max-width:800px;color:#706577}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:white;border-radius:17px;padding:23px;box-shadow:0 5px 24px #4931510b;min-width:0}.number{font-size:30px;letter-spacing:-1px;display:block;color:var(--plum);line-height:1.3}.label,small{font-size:12px;color:#706577}.pill{display:inline-block;padding:4px 9px;border-radius:6px;font-size:12px;background:#efedf1;color:var(--unknown)}.green{color:var(--green);background:#e5f3eb}.amber{color:var(--amber);background:#fff0d8}.red{color:var(--red);background:#fbe8e7}.unknown{color:var(--unknown);background:#efedf1}.meter{height:8px;border-radius:8px;background:#eeeaf1;margin:14px 0;overflow:hidden}.fill{height:100%;background:currentColor;min-width:0}.meter.green,.meter.red,.meter.amber{background:#eeeaf1}.legend{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #eee8f0;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#706577}td small{display:block}.link{background:none;padding:0;color:var(--violet);text-align:left;text-decoration:underline}details{margin-top:15px;font-size:12px}summary{cursor:pointer;color:var(--plum)}.bar-row{display:grid;grid-template-columns:85px 1fr 85px;gap:10px;align-items:center;margin:14px 0}.bar-track{height:20px;background:#f1edf7;border-radius:5px;overflow:hidden}.bar{height:100%;background:#8063ac}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar label{display:flex;gap:8px;align-items:center}select,input{border:1px solid #d8cce2;padding:9px;border-radius:7px;max-width:100%}.note{background:#f0e9f7;border-radius:12px;padding:18px}.step{padding:14px 0}.step b{display:block}dialog{max-width:850px;width:92%;max-height:88vh;border:0;border-radius:18px;padding:25px;box-shadow:0 15px 70px #30263444}dialog::backdrop{background:#30263488}dialog>button{float:right}footer{font-size:12px;color:#706577}footer span{margin-left:auto}.split{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}li{margin:8px 0}@media(max-width:900px){.five{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:22px 16px}.grid,.two,.five{grid-template-columns:1fr}h1{font-size:30px}header{padding:18px 16px}.card{padding:20px}.bar-row{grid-template-columns:65px 1fr 70px}footer span{margin:0}header>div{width:100%}td,th{min-width:105px}}@media print{header button,.toolbar,button,dialog{display:none}.banner{background:white;color:black}.grid{break-inside:avoid}.card{box-shadow:none;border:1px solid #ddd}main{max-width:none}.table{overflow:visible}body{font-size:11px}}
.role-tabs{display:flex;gap:8px;margin:22px 0;flex-wrap:wrap}.role-tabs [aria-pressed=true]{background:#493151;color:white}.workflow-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:24px 0}.workflow-stages li{background:#eee8f4;padding:14px;border-radius:10px;font-size:12px}.workflow-stages li.done{background:#e5f3eb;color:#17674e}.workflow-stages span{display:block;font-size:22px}.workflow-progress{width:100%;height:9px;display:block;margin:18px 0}.workflow-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.workflow-actions button:disabled{opacity:.45;cursor:default}.demo-bubble{padding:14px;background:#f0eaf5;border-radius:12px}.private-demo{background:#f1ebf6}.role-tabs+aside{margin-top:16px}@media(max-width:650px){.workflow-stages{grid-template-columns:1fr 1fr}}
