:root{--color-primary: #0d6efd;--color-success: #198754;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #0dcaf0;--bg-dark: #0f172a;--bg-card: #1e293b;--text-light: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--border-radius: 12px;--transition-speed: .3s}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-light);min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-light)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:#60a5fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.text-gradient{background:linear-gradient(90deg,var(--color-primary),var(--color-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.bg-gradient-custom{background:linear-gradient(135deg,#0d6efd1a,#1987541a)}.glass-card{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.form-control,.form-select{background-color:#0f172acc;border:1px solid var(--border-color);color:var(--text-light);border-radius:8px}.form-control:focus,.form-select:focus{background-color:#0f172a;border-color:var(--color-primary);color:var(--text-light);box-shadow:0 0 0 .25rem #0d6efd40}.btn-primary-gradient{background:linear-gradient(90deg,var(--color-primary),var(--color-success));border:none;color:#fff;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.btn-primary-gradient:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd66;color:#fff}.badge{padding:.4em .8em;border-radius:20px;font-weight:500}.badge-admin{background-color:#dc354533;color:#ff8793;border:1px solid #dc3545}.badge-kadis{background-color:#ffc10733;color:#ffda6a;border:1px solid #ffc107}.badge-kabid{background-color:#0d6efd33;color:#8bb9fe;border:1px solid #0d6efd}.badge-staff{background-color:#19875433;color:#75b798;border:1px solid #198754}.badge-kelurahan{background-color:#0dcaf033;color:#6edff6;border:1px solid #0dcaf0}.status-diterima{background-color:#0dcaf033;color:#6edff6}.status-proses{background-color:#ffc10733;color:#ffda6a}.status-disetujui{background-color:#0d6efd33;color:#8bb9fe}.status-selesai{background-color:#19875433;color:#75b798}.status-ditolak{background-color:#dc354533;color:#ff8793}.table-dark-custom{color:var(--text-light);vertical-align:middle}.table-dark-custom th{background-color:#1e293be6;color:var(--text-muted);font-weight:600;border-bottom:2px solid var(--border-color)}.table-dark-custom td{background-color:transparent;border-bottom:1px solid var(--border-color)}.table-dark-custom tbody tr:hover td{background-color:#ffffff0d}.fab{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:linear-gradient(90deg,var(--color-primary),var(--color-info));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px #0d6efd66;cursor:pointer;transition:transform var(--transition-speed);z-index:1000;border:none}.fab:hover{transform:scale(1.1) rotate(90deg)}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center}.spinner-custom{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container-custom{position:fixed;top:20px;right:20px;z-index:9999}.toast-custom{background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid var(--border-color)}@media (max-width: 768px){.hero-section{text-align:center;padding:2rem 1rem}.feature-cards{flex-direction:column}.stat-cards{grid-template-columns:1fr 1fr}.charts-container{flex-direction:column}.chart-wrapper{width:100%!important;margin-bottom:1rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.navbar-brand{font-size:1.2rem}.form-row{flex-direction:column}.form-col{width:100%;margin-bottom:1rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>*{margin-bottom:.5rem}.modal-dialog{margin:.5rem}}@media (max-width: 480px){.stat-cards{grid-template-columns:1fr}.fab{bottom:1rem;right:1rem;width:48px;height:48px;font-size:20px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:.5rem 0;z-index:1000}.bottom-nav-item{flex:1;text-align:center;color:var(--text-muted);font-size:.8rem;text-decoration:none}.bottom-nav-item i{font-size:1.2rem;display:block;margin-bottom:2px}.bottom-nav-item.active{color:var(--color-primary)}}