:root{font-family:Arial,sans-serif;background:#f4f7fb;color:#14213d}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;background:#081b33;color:#fff;padding:18px 5%}header b{font-size:25px;color:#5de0c1}header span{font-size:12px}nav{padding:0 5%;background:#fff;border-bottom:1px solid #ddd}nav a{display:inline-block;padding:15px;color:#43526a;text-decoration:none}main{max-width:1200px;margin:25px auto;padding:0 20px}footer{text-align:center;padding:25px;color:#667085}.hero{display:grid;grid-template-columns:1fr 180px;gap:16px}.hero>div{background:linear-gradient(130deg,#0a2949,#0b7765);color:#fff;padding:28px;border-radius:17px}.hero .metric{background:#fff;color:#14213d;display:grid;place-items:center}.metric b{font-size:38px}.metric span{display:block}.card{background:#fff;padding:22px;border-radius:15px;margin:18px 0;box-shadow:0 5px 25px #0000000c}.notice{padding:13px;background:#fff4d6;border-left:4px solid #e7a600;margin:15px 0}.head{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee}.btn,button{background:#0b7765;color:#fff;border:0;border-radius:8px;padding:10px 13px;text-decoration:none;cursor:pointer}.badge{background:#e6f5f2;color:#0b6657;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.badge.high{background:#ffe1df;color:#a62520}.tabs{display:flex;gap:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.grid label{font-size:12px;color:#667085}.grid b{display:block;color:#14213d;margin-top:7px}.red{color:#c52822!important}.timeline,.rule,.audit,.exception{display:flex;justify-content:space-between;gap:16px;padding:15px;border-bottom:1px solid #eee}.exception div,.rule div{flex:1}.recommend{background:#30206b;color:#fff;padding:20px;border-radius:15px}.actions{display:flex;gap:8px;flex-wrap:wrap}textarea,input{width:100%;padding:12px;border:1px solid #cad4e1;border-radius:8px;margin:8px 0}.ok{color:#08705d}.chat{min-height:260px}.bubble{background:#edf2f7;padding:11px;border-radius:12px;margin:8px;max-width:75%}.bubble.me{margin-left:auto;background:#dcf7f0}form{display:flex;gap:8px}form input{margin:0}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}table{display:block;overflow:auto}}