:root{
  --db-primary:#2563eb;--db-primary-2:#06b6d4;--db-soft:#eef6ff;--db-dark:#111827;--db-muted:#64748b;
  --db-green:#16a34a;--db-red:#dc2626;--db-orange:#f59e0b;--db-border:#e5e7eb
}
body{font-size:14px;background:#f5f7fb;color:#1f2937}.content-wrapper{background:#f5f7fb}.brand-link{font-weight:800;letter-spacing:.2px}.brand-link .brand-text{letter-spacing:.4px}.main-header{border-bottom:1px solid var(--db-border);box-shadow:0 4px 20px rgba(15,23,42,.04)}
.content-header h1{font-weight:800;color:#172033}.content-header p{color:var(--db-muted)}
.card{border:0;border-radius:18px;box-shadow:0 10px 28px rgba(15,23,42,.07);overflow:hidden}.card-header{background:#fff;border-bottom:1px solid #eef2f7}.card-title{font-weight:700}.card-body{background:#fff}.card-footer{background:#fff;border-top:1px solid #eef2f7}
.section-card .card-header{background:linear-gradient(180deg,#fff,#fbfdff)}.section-number{display:none}
.btn{border-radius:12px;font-weight:600}.btn-xs{border-radius:8px}.btn-light.border{border-color:#e2e8f0!important;background:#fff}.form-control,.custom-select,.select2-container--bootstrap4 .select2-selection{border-radius:12px!important;border-color:#dbe3ef}.form-control:focus{border-color:#60a5fa;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}.input-group-text{border-radius:12px;background:#f8fafc;border-color:#dbe3ef}.select2-container--bootstrap4.select2-container--focus .select2-selection{border-color:#60a5fa;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}
.small-box{border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.08);overflow:hidden}.small-box .inner h3{font-weight:800;font-size:26px}.small-box .small-box-footer{background:rgba(0,0,0,.08)}.info-box{border:0;border-radius:18px;box-shadow:0 10px 24px rgba(15,23,42,.07);min-height:92px}.info-box-icon{border-radius:16px;margin:10px;height:70px;width:70px}.info-box-text{font-weight:700;color:#64748b}.info-box-number{font-size:19px;color:#172033}
.quick-menu{display:flex;gap:10px;flex-wrap:wrap}.quick-menu a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;color:#172033;border-radius:14px;padding:11px 15px;font-weight:700;box-shadow:0 8px 18px rgba(15,23,42,.05)}.quick-menu a:hover{text-decoration:none;background:#eef6ff;color:#174ea6}.quick-menu i{color:var(--db-primary)}
.table{margin-bottom:0}.table thead th{background:#f8fafc;color:#334155;border-bottom:0;white-space:nowrap;font-weight:800}.table td,.table th{vertical-align:middle}.table-hover tbody tr:hover{background:#f8fbff}.table-responsive{border-radius:14px}.action-dropdown .dropdown-menu{border-radius:14px;border:0;box-shadow:0 15px 35px rgba(15,23,42,.16);padding:8px}.action-dropdown .dropdown-item{border-radius:10px;padding:8px 11px}.action-dropdown .dropdown-item:hover{background:#eef6ff;color:#174ea6}
.badge{padding:.52em .72em;border-radius:10px;font-weight:700}.badge-soft-success{background:#dcfce7;color:#166534}.badge-soft-warning{background:#fef3c7;color:#92400e}.badge-soft-danger{background:#fee2e2;color:#991b1b}.badge-soft-info{background:#dbeafe;color:#1e40af}.badge-soft-secondary{background:#f1f5f9;color:#475569}.text-money{font-weight:800;color:#0f172a}.muted-help{color:#64748b;font-size:12px}.alert-light{background:#f8fafc;border-color:#e2e8f0;color:#475569;border-radius:14px}.summary-box{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #dbeafe;border-radius:16px;padding:16px}.summary-box .label{font-size:12px;color:#64748b;text-transform:uppercase;font-weight:800}.summary-box .value{font-size:22px;font-weight:900;color:#0f172a}.form-control[readonly]{background:#f8fafc;color:#64748b}.row-satuan{background:#fbfdff}.row-luas{background:#fff}
.nav-sidebar>.nav-item>.nav-link.active{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.25)}.main-sidebar{background:#132033}.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link{color:#d7e3f8}.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-treeview>.nav-item>.nav-link.active{background:rgba(37,99,235,.18)!important;color:#fff!important}
.login-page{background:linear-gradient(135deg,#0f172a,#2563eb,#06b6d4)}.login-card-body{border-radius:22px;box-shadow:0 20px 55px rgba(0,0,0,.25)}.invoice-box{max-width:900px;margin:auto;background:#fff;padding:24px;border-radius:14px}.print-actions{position:sticky;top:10px;z-index:10}
@media(max-width:768px){.content-header h1{font-size:22px}.small-box .inner h3{font-size:20px}.btn-sm-block{display:block;width:100%;margin-bottom:6px}.table{font-size:12px}.card-body{padding:14px}.main-footer{font-size:12px}.quick-menu a{flex:1 1 calc(50% - 8px);justify-content:center;padding:10px}.input-group{flex-wrap:wrap}.input-group>.form-control,.input-group>.custom-select{flex:1 1 100%;margin-bottom:6px}.input-group-append{margin-left:0}.input-group-append .input-group-text{border-radius:12px!important}.action-dropdown .dropdown-menu{position:absolute!important}.content-wrapper{padding-bottom:20px}}
@media print{.no-print,.main-header,.main-sidebar,.main-footer,.content-header{display:none!important}.content-wrapper{margin-left:0!important;background:#fff}.card{box-shadow:none!important}.invoice-box{box-shadow:none!important;max-width:100%;padding:0}.wrapper{background:#fff!important}}

/* Demo mode */
.demo-badge-nav{font-weight:700;letter-spacing:.4px}
.demo-floating-alert{position:fixed;top:70px;right:18px;z-index:2000;max-width:360px;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.demo-login-card{background:#f8fbff;border:1px dashed #7aa7ff;border-radius:12px;padding:12px;margin-bottom:14px}
@media(max-width:767px){.demo-floating-alert{left:12px;right:12px;top:62px;max-width:none}}