:root{--dusty:#6f8fa3;--dusty-dark:#35566b;--soft:#eef4f7;--paper:#ffffff;}
body{background:linear-gradient(180deg,var(--soft),#fff);font-family:Arial,system-ui,sans-serif;color:#23313a;}
.app-navbar{background:linear-gradient(90deg,var(--dusty-dark),var(--dusty));box-shadow:0 4px 18px rgba(0,0,0,.12)}
.app-footer{background:#f2f5f7;border-top:1px solid #d9e2e7}
.hero-card,.soft-card{background:rgba(255,255,255,.94);border:1px solid #dce7ec;border-radius:22px;box-shadow:0 16px 40px rgba(53,86,107,.12)}
.btn-primary{background:var(--dusty-dark);border-color:var(--dusty-dark)}
.btn-primary:hover{background:#263f50;border-color:#263f50}.badge{font-weight:600}.check-item{border-left:5px solid #d9e2e7;border-radius:14px;background:#fff}.check-item.patuh{border-left-color:#198754}.check-item.tidak_patuh{border-left-color:#dc3545}.check-item.tidak_berkaitan{border-left-color:#6c757d}.category-title{background:#edf4f7;border-radius:12px;padding:.75rem 1rem}.status-circle{width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:6px}.print-area{background:#fff}@media print{.navbar,.app-footer,.no-print{display:none!important}body{background:#fff}.soft-card{box-shadow:none;border:none}.print-area{font-size:12px}}