:root{--primary:#1f7a5f;--primary-dark:#155b43;--secondary:#f4a261;--bg:#f5f7fb;--surface:#fff;--surface-muted:#f8fafc;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--shadow:0 10px 30px #11182714;--radius:18px}body{background:linear-gradient(135deg, #f7fbf9 0%, var(--bg) 100%);color:var(--text);font-family:Inter,sans-serif}.app-shell{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #1f7a5f14;box-shadow:0 4px 20px #0f172a0a}.brand-badge{background:linear-gradient(135deg, var(--primary) 0%, #2eb884 100%);color:#fff;letter-spacing:.04em;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.brand-text{color:var(--primary-dark);font-weight:700}.nav-link{border-radius:999px;padding:.55rem .9rem;font-weight:500;transition:all .2s;color:var(--text)!important}.nav-link:hover,.nav-link:focus{background:#1f7a5f14;color:var(--primary)!important}.main-content{padding-top:.25rem}.card,.table-wrapper,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.table-wrapper{overflow:hidden}.table thead th{background:var(--surface-muted);color:var(--primary-dark);border-bottom:none;font-weight:700}.table td,.table th{vertical-align:middle;padding:.95rem 1rem}.btn{border-radius:999px;padding:.6rem 1rem;font-weight:600;transition:all .2s}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #2eb884 100%);border:none}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);transform:translateY(-1px)}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background:var(--primary);color:#fff}.form-control,.form-select,.form-check-input{border:1px solid var(--border);border-radius:12px;padding:.7rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem #1f7a5f26}.page-link{color:var(--primary);border-radius:999px;margin:0 .2rem}.page-item.active .page-link{background:var(--primary);border-color:var(--primary)}.alert{border:none;border-radius:16px}.alert-success{color:#13795b;background:#edfdf6}.alert-info{color:#2463eb;background:#eef7ff}.action-btn{color:#374151;background:#fff;border:1px solid #e6e9ef;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;display:inline-flex}.action-btn svg{display:block}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1018280f}.action-btn.text-primary,.action-btn[title=Cetak],.action-btn[title=Edit],.action-btn[title=Lihat]{color:#1e88e5;border-color:#1e88e51f}.action-btn.text-danger,.action-btn[title=Hapus]{color:#e11d48;border-color:#e11d481f}.action-btn svg path,.action-btn svg circle,.action-btn svg rect{stroke:currentColor;fill:none}.page-header-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.4rem 1.6rem}.page-header-card h1,.page-header-card h2,.page-header-card h3{margin-bottom:.35rem}.page-header-card p{color:var(--muted);margin-bottom:0}.page-header-card .input-group{width:100%;max-width:100%}.page-header-card .form-control{border-radius:0 1rem 1rem 0;height:48px;min-height:48px}.page-header-card .input-group-text{border-right:none;border-radius:1rem 0 0 1rem}.page-header-card .btn-outline-primary{min-width:140px}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.4rem 1.6rem}.stat-card,.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{min-height:180px;padding:1.5rem}.stat-card h3{color:var(--primary-dark);margin-bottom:.45rem;font-size:2.2rem}.module-card .card-body{padding:1.5rem}.module-card .card-footer{padding:1rem 1.5rem 1.4rem}.module-card h5{margin-bottom:.75rem;font-size:1.05rem}.module-card p{color:var(--muted);margin-bottom:0}.badge-soft{border-radius:999px;padding:.45em .75em;font-size:.8rem;font-weight:600}.badge-soft-primary{color:#1e88e5;background:#1e88e51f}.badge-soft-success{color:#0f766e;background:#0f766e1f}.badge-soft-warning{color:#b45309;background:#ea580c1f}.badge-soft-danger{color:#b91c1c;background:#f8717126}@media (width<=768px){.container,.container-fluid{padding-left:1rem;padding-right:1rem}}.page-actions .d-flex{align-items:center;flex-wrap:nowrap!important}.page-actions .btn{white-space:nowrap;min-height:38px}.page-actions{overflow:visible}@media (width<=576px){.page-topbar .d-flex{gap:.5rem}.page-actions .d-flex{gap:.4rem}}