:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#08393f;background:#b8f1ec;font-size:15px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#ffe687,transparent 45%),linear-gradient(140deg,#d4f8f0,#81ddd7);min-height:100vh}header{background:#006d79;color:#fff;display:flex;align-items:center;gap:14px;padding:12px 5%;box-shadow:0 8px 24px #00788133}header img{height:64px}header strong{font-size:23px}small{display:block;margin-top:4px}nav{display:flex;margin-left:auto;align-items:center;gap:20px}a{color:#006875;font-weight:600}nav a{color:#ffdd00}main{max-width:1200px;margin:32px auto;padding:0 22px}h1{font-size:30px;letter-spacing:-.8px}h2{font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#dcfff3;border:1px solid #19b8ba;border-radius:18px;padding:22px;box-shadow:0 6px 20px #008d9730;margin-bottom:18px}.gold{background:#fff1aa;border-color:#e0b600}.metric{font-size:30px;font-weight:800;color:#007784}.notice{padding:16px;background:#fff1a5;border:1px solid #d6af00;border-radius:12px;margin-bottom:20px}label{display:block;margin:12px 0;font-weight:600}input,select{display:block;width:100%;padding:11px;border:1px solid #60b4b1;border-radius:8px;background:#f1fffa;font:inherit;margin-top:6px}input[type=checkbox]{display:inline;width:auto}button,.button{display:inline-block;background:#006f7c;color:#fff;padding:11px 17px;border:0;border-radius:9px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#00525b}nav form{margin:0}nav button{background:#ffe000;color:#17393b}table{width:100%;border-collapse:collapse;background:#e8fff7}th,td{padding:12px;text-align:left;border-bottom:1px solid #9adbd2}th{background:#007582;color:white}.scroll{overflow:auto}.inline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline label{min-width:160px}.inline form{margin:0}.muted{color:#397578}.badge{padding:4px 8px;border-radius:6px;background:#ffe998;font-size:12px}footer{text-align:center;padding:25px;color:#175661}@media(max-width:650px){header{flex-wrap:wrap}nav{margin-left:0;gap:12px}h1{font-size:25px}th,td{padding:9px}main{padding:0 12px}}
.merek-nosa{font-weight:900;letter-spacing:.04em}.merek-nosa span{color:#ffdd00}header strong.merek-nosa{font-size:26px}.footer-nosa{display:flex;flex-direction:column;align-items:center;gap:4px}.footer-nosa .merek-nosa{font-size:18px;color:#0b4f58}.footer-nosa .merek-nosa span{color:#FF2E93}.footer-nosa small{font-weight:600;opacity:.85}