:root{--undangan-brand:#487fff;--undangan-soft:#edf4ff}
body{background:var(--body-bg);}
.undangan-sidebar-logo img.light-logo,.undangan-sidebar-logo img.dark-logo{max-width:168px;max-height:44px;object-fit:contain}.undangan-sidebar-logo img.logo-icon{max-width:34px;max-height:34px}.sidebar-menu a.active-page{background:var(--primary-50);color:var(--primary-600)}.sidebar-user-box{margin-top:auto}.sidebar{display:flex;flex-direction:column}.sidebar-menu-area{flex:1}
.stat-card{border:1px solid var(--neutral-200);border-radius:16px;box-shadow:0 4px 18px rgba(15,23,42,.035);overflow:hidden}.stat-card .card-header{background:var(--white);border-bottom:1px solid var(--neutral-200);padding:18px 20px}.stat-card .card-body{padding:20px}.brand-pill{display:inline-flex;background:var(--primary-50);color:var(--primary-600);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:700}.gxon-note,.form-help{font-size:.8rem;color:var(--text-secondary-light)}.role-badge{font-size:.75rem;border-radius:999px;padding:.35rem .65rem;background:var(--neutral-100);color:var(--neutral-700);font-weight:700}.proof-thumb{width:90px;height:70px;object-fit:cover;border-radius:12px;border:1px solid var(--neutral-200)}.route-map{height:420px;border-radius:14px;overflow:hidden}.line-total{font-weight:800}.camera-box{border:2px dashed var(--neutral-300);border-radius:14px;padding:1rem;background:var(--neutral-50)}.timeline{border-left:2px solid var(--neutral-200);margin-left:.75rem;padding-left:1rem}.timeline-item{position:relative;margin-bottom:1rem}.timeline-item:before{content:"";position:absolute;left:-1.43rem;top:.3rem;width:12px;height:12px;border-radius:50%;background:var(--primary-600)}.empty-state{padding:3rem 1rem;text-align:center;color:var(--text-secondary-light)}.table>thead>tr>th{white-space:nowrap}.table td,.table th{vertical-align:middle}.card-img-top{display:block}.leaflet-container{font-family:inherit}
.undangan-auth-left{width:50%;background:linear-gradient(135deg,#487fff,#6f6af8)}.auth-illustration-card{max-width:520px}.auth-big-icon{font-size:120px;color:#fff;filter:drop-shadow(0 15px 35px rgba(0,0,0,.16))}.auth-logo{max-width:210px;max-height:52px}.auth-right{width:50%}.auth .form-control,.auth .form-select{min-height:52px;border-radius:12px}.auth .btn{border-radius:12px;min-height:50px}.auth-password-wrap{position:relative}.auth-password-wrap .toggle-password-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-secondary-light)}
[data-theme=dark] .stat-card .card-header{background:var(--dark-2)}[data-theme=dark] .stat-card{border-color:var(--neutral-600)}[data-theme=dark] .camera-box{background:var(--dark-2);border-color:var(--neutral-600)}[data-theme=dark] .sidebar-user-box{background:var(--dark-2)!important}
@media(max-width:991px){.auth-right{width:100%}.dashboard-main-body{padding-left:16px;padding-right:16px}.route-map{height:340px}.stat-card .card-body{padding:16px}.stat-card .card-header{padding:16px}.navbar-header{padding-left:16px;padding-right:16px}}
@media(max-width:575px){.dashboard-main-body{padding-left:12px;padding-right:12px}.route-map{height:300px}.proof-thumb{width:72px;height:56px}.auth-right{padding-left:18px!important;padding-right:18px!important}.datatable{font-size:.875rem}}