:root{--primary-green:#6E9F2B;--secondary-green:#456224;--accent-green:#8BC34A;--light-green-1:#9CCC65;--light-green-2:#C5E1A5;--dark-green:#558B2F;--success-green:#7CB342;--banner-title:#3D5423;--footer-height:56px;--navbar-margin-top:16px;--navbar-height:60px;--bg-primary:#f8f6f2;--bg-secondary:#ffffff;--bg-light:#f8f9fa;--bg-lighter:#fafbfa;--bg-light-blue:#F1F8E9;--bg-lighter-blue:#F9FBE7;--text-primary:#485c6e;--text-secondary:#6c757d;--text-muted:#868e96;--text-dark:#1a2b0d;--card-bg:rgba(255,255,255,0.95);--card-shadow:rgba(0,0,0,0.1);--card-hover:rgba(0,0,0,0.02);--border-color:rgba(255,255,255,0.2);--border-light:#e0e0e0;--border-gray:#e9ecef;--divider-color:#E4E7EC;--navbar-bg:rgba(255,255,255,0.95);--sidebar-bg:#FFFFFF;--footer-bg:var(--secondary-green);--input-bg:rgba(255,255,255,0.9);--input-border:rgba(0,0,0,0.08);--input-focus-shadow:rgba(110,159,43,0.25);--table-bg:var(--card-bg);--table-header-bg:rgba(110,159,43,0.06);--table-border:var(--border-color);--table-hover-bg:rgba(110,159,43,0.04);--table-text:var(--text-primary);--table-header-text:var(--primary-green);--alert-success-bg:#d1edcc;--alert-success-border:#badbcc;--alert-success-text:#0f5132;--alert-danger-bg:#f8d7da;--alert-danger-border:#f5c2c7;--alert-danger-text:#842029;--alert-warning-bg:#fff3cd;--alert-warning-border:#ffecb5;--alert-warning-text:#664d03;--alert-info-bg:#cff4fc;--alert-info-border:#b6effb;--alert-info-text:#055160;--danger-color:#dc3545;--danger-hover:#c82333;--info-color:#0d6efd;--gray-color:#6c757d;--light-gray:#f5f5f5;--neutral-bg:#f0f0f0;--hover-green:#C5E1A5;--hover-lighter:#DCEDC8;--primary-hover:#558B2F;--text-body:#495057;--text-heading:#1a2330;--text-normal:#222;--text-light:#555;--text-lighter:#888;--text-lightest:#bbb;--bg-neutral:#f1f3f5;--bg-white:#ffffff;--border-normal:#ccc;--chart-green:#46b96e;--calendar-meeting:#1976D2;--calendar-meeting-hover:#1565C0;--calendar-program:#6E9F2B;--calendar-program-hover:#558B2F;--calendar-appointment:#FF9800;--calendar-appointment-hover:#F57C00;--chart-grid:#f0f0f0;--breakpoint-xs:480px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}@media (prefers-color-scheme:dark){:root{--bg-primary:#1b2931;--bg-secondary:#1b2931;--bg-light:#2d3748;--bg-lighter:#1b2931;--bg-light-blue:rgba(110,159,43,0.1);--bg-lighter-blue:rgba(110,159,43,0.08);--text-primary:#e8f1f5;--text-secondary:rgba(232,241,245,0.7);--text-muted:rgba(232,241,245,0.5);--text-dark:#e8f1f5;--card-bg:rgba(232,241,245,0.05);--card-shadow:rgba(0,0,0,0.3);--card-hover:rgba(255,255,255,0.05);--border-color:rgba(232,241,245,0.1);--border-light:rgba(232,241,245,0.15);--border-gray:rgba(232,241,245,0.1);--navbar-bg:rgba(15,23,29,0.95);--sidebar-bg:#0F171D;--footer-bg:rgba(15,23,29,1);--banner-title:#e8f1f5;--divider-color:rgba(232,241,245,0.2);--primary-green:#8BC34A;--accent-green:#9CCC65;--light-green-1:#AED581;--light-green-2:#C5E1A5;--dark-green:#7CB342;--success-green:#8BC34A;--input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.15);--input-focus-shadow:rgba(139,195,74,0.3);--table-header-bg:rgba(139,195,74,0.08);--table-hover-bg:rgba(139,195,74,0.06);--alert-success-bg:rgba(32,201,151,0.15);--alert-success-border:rgba(32,201,151,0.3);--alert-success-text:#4db6ac;--alert-danger-bg:rgba(220,53,69,0.15);--alert-danger-border:rgba(220,53,69,0.3);--alert-danger-text:#f5c2c7;--alert-warning-bg:rgba(255,193,7,0.15);--alert-warning-border:rgba(255,193,7,0.3);--alert-warning-text:#fff3cd;--alert-info-bg:rgba(13,202,240,0.15);--alert-info-border:rgba(13,202,240,0.3);--alert-info-text:#cff4fc;--text-normal:#e8f1f5;--text-light:#aaa;--text-lighter:#999;--text-lightest:#666;--bg-white:#2d3748;--bg-neutral:#3a4558;--border-normal:#555;--calendar-meeting:#1E88E5;--calendar-meeting-hover:#42A5F5;--bs-light-rgb:45,55,72;--bs-light:#2d3748;--bs-dark-rgb:232,241,245;--bs-dark:#e8f1f5;--bs-secondary-bg:#2d3748;--bs-tertiary-bg:#1b2931;--bs-body-bg:#1b2931;--bs-body-color:#e8f1f5;--calendar-program:#8BC34A;--calendar-program-hover:#9CCC65;--calendar-appointment:#FFB74D;--calendar-appointment-hover:#FFA726;--chart-grid:rgba(232,241,245,0.1)}}html{font-size:80%;overflow-x:auto!important;overflow-y:auto!important}body{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;letter-spacing:-.02em;background-color:var(--bg-primary)!important;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)!important}h1,h2,h3,h4,h5,h6{transition:color .3s ease;font-weight:700;letter-spacing:-.01em}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--primary-green)!important}.text-justify{text-align:justify}.container,.container-fluid{padding-left:1rem;padding-right:1rem;background-color:transparent;color:var(--text-primary);transition:color .3s ease;margin-left:260px;margin-right:1.5rem;width:calc(100% - 260px - 1.5rem);max-width:1850px;margin-top:2rem}.container-fluid{flex:1}.main-content{margin-left:260px;padding:2rem;min-height:100vh;transition:all .3s ease;background-color:var(--bg-primary)}.main-content .container,.main-content .container-fluid{margin-left:0;margin-right:0;margin-top:0;width:100%;max-width:100%;padding-left:0;padding-right:0}@media (max-width:768px){.container,.container-fluid{margin-left:0;width:100%}.main-content{margin-left:0;padding:1rem}}.card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 12px var(--card-shadow)!important;border-radius:12px!important;transition:all .3s ease!important;margin-bottom:1.5rem!important}.card-sticky{background:var(--bg-secondary)!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}.card-body{background:transparent!important;padding:1.5rem!important}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;background:var(--sidebar-bg);border-right:3px solid color-mix(in srgb,var(--primary-green) 20%,transparent);box-shadow:3px 0 12px rgba(0,0,0,.08),1px 0 4px color-mix(in srgb,var(--primary-green) 8%,transparent);display:flex;flex-direction:column;z-index:1000;transition:all .3s ease}.notification-bell-container{position:absolute;top:1rem;right:1rem;z-index:10}.notification-bell-link{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.notification-bell-link:hover{background:var(--primary-green);color:white;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.notification-bell-link i{font-size:1.1rem}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:white;border-radius:50%;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;line-height:1;border:1px solid var(--bg-primary)}@keyframes bellRing{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0)}}.notification-bell-link.bell-icon i{animation:bellRing 2s ease-in-out infinite;transform-origin:top center}.notification-bell-container .dropdown-toggle:after{display:none!important}.notification-bell-container .dropdown-toggle{text-decoration:none}.notification-dropdown{min-width:300px;max-width:min(100vw - 2rem,380px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);z-index:1055}.notification-item.unread{background:rgba(110,159,43,.06)}.sidebar-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.sidebar-header .logo-img{height:40px;width:auto}.sidebar-superadmin .sidebar-header{text-align:center}.sidebar-superadmin .sidebar-header .navbar-brand{justify-content:center;margin-left:auto;margin-right:auto}.sidebar-header .sidebar-tenant-logo-img{height:40px;max-width:160px;width:auto;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.sidebar-header .sidebar-tenant-mark-centered{position:absolute;left:56%;top:50%;transform:translate(-50%,-50%);max-height:40px;max-width:90px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;font-size:.95rem;pointer-events:none}.nav-menu{flex:1;overflow-y:auto;padding:1rem 0}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin:.25rem 0}.sidebar .nav-link{display:flex;align-items:center;padding:.75rem 1.5rem;color:var(--text-primary);text-decoration:none;transition:all .3s ease;gap:.75rem}.sidebar .nav-link i{font-size:1.25rem;min-width:1.5rem;text-align:center}.sidebar .nav-link:hover{background:var(--bg-light-blue);color:var(--primary-green)}.sidebar .nav-link.active{background:var(--primary-green);color:white;font-weight:700;border-radius:.5rem;box-shadow:0 2px 8px rgba(110,159,43,.3)}.sidebar .nav-link.active:hover{background:var(--primary-green)!important;color:white!important}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border-color)}.user-avatar{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--primary-green);border-radius:50%;margin-right:.75rem}.user-avatar i{font-size:1.5rem;color:white}.user-info{display:flex;flex-direction:column;flex:1}.user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.user-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.user-dropdown-up{bottom:100%;top:auto!important;left:0;right:0;margin-bottom:.5rem;position:absolute!important;z-index:1050}.user-menu .dropdown-toggle:after{display:none!important}.submenu-list{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);list-style:none;padding:0;margin:0}.submenu-list.show{max-height:800px}.submenu-list .nav-link{padding:.5rem 1.5rem .5rem 2.75rem;font-size:.95rem}.submenu-list .nav-link.active{background:rgba(110,159,43,.12)!important;color:var(--primary-green)!important;font-weight:600;border-left:3px solid var(--primary-green);padding-left:calc(2.75rem - 3px);box-shadow:none}.submenu-list .nav-link.active:hover{background:rgba(110,159,43,.2)!important;color:var(--primary-green)!important}.submenu-list .submenu-list .nav-link{padding:.45rem 1.5rem .45rem 3.75rem;font-size:.9rem}.submenu-list .submenu-list .nav-link.active{padding-left:calc(3.75rem - 3px)}.nav-item.has-submenu .submenu-caret{margin-left:auto;transition:transform .3s ease;font-size:.85rem}.nav-item.has-submenu.open .submenu-caret{transform:rotate(180deg)}@media (prefers-color-scheme:dark){.sidebar{background:var(--bg-secondary);border-right:3px solid color-mix(in srgb,var(--primary-green) 30%,transparent)}.sidebar .nav-link{color:var(--text-primary)}.sidebar .nav-link:hover{background:rgba(255,255,255,.05);color:var(--primary-green)}.sidebar .nav-link.active{background:var(--primary-green);color:white}.submenu-list .nav-link.active{background:rgba(110,159,43,.15)!important;color:var(--primary-green)!important;box-shadow:none}.sidebar-header .logo-img{padding:.25rem .45rem;border-radius:8px;background:#f1f4f8;border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 12px rgba(0,0,0,.28)}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.user-info{display:none}}.dropdown-menu{background-color:var(--card-bg)!important;border:1px solid var(--border-color);box-shadow:0 4px 20px var(--card-shadow);z-index:1050!important}.dropdown-item{color:var(--text-primary)!important;cursor:pointer!important}.dropdown-item:hover{background-color:rgba(3,169,244,.1)!important;color:var(--primary-green)!important}.btn-success{background-color:var(--primary-green)!important;border-color:var(--primary-green)!important;color:white!important}.btn-success:hover{background-color:var(--secondary-green)!important;border-color:var(--secondary-green)!important}.btn-outline-success{background-color:var(--primary-green)!important;border-color:var(--primary-green)!important;color:white!important}.btn-outline-success:hover{background-color:transparent!important;color:var(--primary-green)!important}.btn-primary{background-color:var(--primary-green)!important;border-color:var(--primary-green)!important;color:white!important}.btn-primary:hover{background-color:var(--secondary-green)!important;border-color:var(--secondary-green)!important}.btn-outline-primary{background-color:var(--primary-green)!important;border-color:var(--primary-green)!important;color:white!important}.btn-outline-primary:hover{background-color:transparent!important;border-color:var(--primary-green)!important;color:var(--primary-green)!important}.btn-outline-secondary{background-color:var(--text-secondary,#6c757d)!important;color:white!important}.btn-outline-secondary,.btn-outline-secondary:hover{border-color:var(--text-secondary,#6c757d)!important}.btn-outline-secondary:hover{background-color:transparent!important;color:var(--text-secondary,#6c757d)!important}.list-group-item.active{background-color:var(--primary-green)!important;border-color:var(--primary-green)!important;color:white!important}.dual-listbox-scroll{height:220px;min-width:100%;overflow-y:auto}.form-control{padding:.85rem 1.1rem!important}.form-control,.form-select{background-color:var(--input-bg)!important;border:1px solid rgba(110,159,43,.3)!important;border-radius:8px!important;color:var(--text-primary)!important;font-size:1.15rem!important;transition:all .3s ease!important}.form-select{padding:.5rem 2.25rem .5rem .85rem!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236e9f2b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px 12px!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}.form-control:hover,.form-select:hover{border-color:rgba(110,159,43,.5)!important}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(110,159,43,.15),0 2px 6px rgba(110,159,43,.08)!important;border-color:var(--primary-green)!important}.form-control::-moz-placeholder{color:var(--text-muted)!important;opacity:.8}.form-control::placeholder{color:var(--text-muted)!important;opacity:.8}.form-label{color:var(--text-primary)!important;font-weight:500}.form-select option,select option{background-color:var(--bg-secondary);color:var(--text-primary)}.form-select option:checked,select option:checked{background-color:var(--primary-green);color:white}.form-select option:hover,select option:hover{background-color:var(--bg-light)}.filter-card .form-control,.filter-card .form-select,.filter-card .input-group .form-control{font-size:.9rem!important;padding:.5rem .85rem!important}.filter-card .form-select{padding:.5rem 2.25rem .5rem .85rem!important}.filter-card .input-group-text{font-size:.9rem!important;padding:.5rem .75rem!important;border-color:rgba(110,159,43,.3)!important;background-color:var(--input-bg)!important;border-radius:8px 0 0 8px!important}.filter-card .input-group .form-control:not(:first-child){border-radius:0 8px 8px 0!important}.filter-card .input-group .btn{font-size:.9rem!important;padding:.5rem .75rem!important;border-color:rgba(110,159,43,.3)!important;border-radius:0 8px 8px 0!important}.filter-card .btn-outline-secondary{background-color:transparent!important;border-color:rgba(110,159,43,.3)!important;color:var(--text-secondary)!important}.filter-card .btn-outline-secondary:hover{background-color:rgba(110,159,43,.08)!important;border-color:var(--primary-green)!important;color:var(--primary-green)!important}.input-group-text{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--primary-green)!important}.table{color:var(--table-text)!important;border-color:var(--border-gray)!important}.table thead th{background-color:var(--table-header-bg)!important;color:var(--table-header-text)!important;font-weight:600!important;border-bottom:2px solid rgba(110,159,43,.2)!important}.table tbody tr:hover{background-color:var(--table-hover-bg)!important}.table>:not(:first-child){border-top-color:var(--border-gray)!important}.badge.bg-primary,.badge.bg-success{background-color:var(--primary-green)!important}.spinner-border.text-success{color:var(--primary-green)!important}.bg-individu{background-color:#6E9F2B!important;color:#fff!important}.bg-organisasi{background-color:#0d6efd!important;color:#fff!important}.bg-individu-organisasi{background:linear-gradient(90deg,#6E9F2B 50%,#0d6efd 0)!important;color:#fff!important}.nav-tabs{border-bottom:2px solid rgba(110,159,43,.1)!important;margin-bottom:0!important}.nav-tabs .nav-link{border:none!important;color:var(--text-secondary)!important;font-weight:500!important;padding:1rem 1.5rem!important;border-radius:8px 8px 0 0!important;transition:all .3s ease!important;background:transparent!important;margin-bottom:-2px}.nav-tabs .nav-link:hover{color:var(--primary-green)!important;background:rgba(110,159,43,.05)!important}.nav-tabs .nav-link.active{background:var(--card-bg)!important;border-bottom:2px solid var(--primary-green)!important;font-weight:600!important}.nav-pills .nav-link,.nav-tabs .nav-link.active{color:var(--primary-green)!important}.nav-pills .nav-link:hover{background:rgba(110,159,43,.08)!important}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--primary-green)!important;color:#fff!important}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(110,159,43,.15)}.section-header h4{font-size:1.25rem!important;font-weight:700!important;color:var(--primary-green)!important;display:flex;align-items:center;gap:.5rem}.detail-label{font-size:.875rem!important;font-weight:600!important;color:var(--text-secondary)!important;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem!important}.detail-value{font-size:1rem!important;color:var(--text-primary)!important;line-height:1.5;margin-bottom:1rem!important;word-wrap:break-word}.individu-detail-section-title{font-size:1.125rem!important;font-weight:600!important;color:var(--text-primary)!important;line-height:1.35!important;margin-bottom:.75rem!important}.individu-detail-section-title .ph{font-size:1.35rem!important;vertical-align:-.15em!important;margin-right:.5rem!important;color:var(--primary-green)!important}.empty-state{padding:3rem 2rem!important;text-align:center!important;background:var(--bg-light)!important;border-radius:12px!important;border:1px dashed rgba(110,159,43,.3)!important;margin:1rem 0!important}.empty-state i{color:rgba(110,159,43,.4)!important;margin-bottom:1rem!important;font-size:4rem!important;display:block}.empty-state .btn i{color:white!important;font-size:1em!important;display:inline!important;margin-bottom:0!important;vertical-align:-.1em}.file-item{background:var(--bg-light)!important;border:1px solid rgba(110,159,43,.15)!important;border-radius:8px!important;padding:1rem!important;margin-bottom:1rem!important;transition:all .3s ease!important}.file-item:hover{background:rgba(110,159,43,.05)!important;border-color:rgba(110,159,43,.3)!important;transform:translateY(-1px)}.timeline-step{display:flex;align-items:flex-start;margin-bottom:2rem;position:relative;padding-left:3rem}.step-marker{position:absolute;left:0;top:.25rem;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--card-bg);border:3px solid rgba(110,159,43,.2);display:flex;align-items:center;justify-content:center;z-index:2}.timeline-step.completed .step-marker{background:var(--primary-green);border-color:var(--primary-green)}.timeline-step.completed .step-marker i{color:white}.timeline-step.rejected .step-marker{background:var(--danger-color);border-color:var(--danger-color)}.timeline-step.rejected .step-marker i{color:white}.timeline-step:before{content:"";position:absolute;left:1.2rem;top:2.5rem;bottom:-2rem;width:2px;background:rgba(110,159,43,.2);z-index:1}.timeline-step:last-child:before{display:none}.timeline-step.completed:before{background:var(--primary-green)}.step-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.step-date{margin-bottom:.5rem}.step-date,.step-description{font-size:.875rem;color:var(--text-secondary)}.step-description{line-height:1.4}.login-card{position:relative;z-index:1;max-width:520px;width:100%;border-radius:2rem;box-shadow:0 8px 48px rgba(3,169,244,.13);border:none;padding:3rem 2.5rem!important;background:var(--card-bg)!important;backdrop-filter:blur(10px)}.login-title{font-weight:800;font-size:2.2rem;color:var(--primary-green);margin-bottom:.5rem}.admin-management{font-weight:700;color:var(--text-primary);font-size:1.35rem}.login-desc{color:var(--text-secondary);font-size:1.15rem}.login-btn{width:100%;font-weight:700;background:var(--primary-green)!important;border:none;font-size:1.3rem;padding:1rem 0;border-radius:2.5rem;transition:background .2s;margin-top:.5rem}.login-btn:hover{background-color:var(--secondary-green)!important;color:#fff!important}.error-message{color:var(--alert-danger-text)}.error-message,.success-message{font-size:.95rem;margin-bottom:1rem}.success-message{color:var(--alert-success-text)}.warning-message{color:var(--alert-warning-text);font-size:.95rem;margin-bottom:1rem}.circular-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-primary)}.circular-bg .ring{position:absolute;border:2px solid rgba(0,0,0,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;animation:blink-ring 2.5s ease-in-out infinite}.circular-bg .ring1{width:min(100vw,100vh);height:min(100vw,100vh);border-color:rgba(0,0,0,.18);animation-delay:0s}.circular-bg .ring2{width:min(80vw,80vh);height:min(80vw,80vh);border-color:rgba(0,0,0,.13);animation-delay:.8s}.circular-bg .ring3{width:min(60vw,60vh);height:min(60vw,60vh);border-color:rgba(0,0,0,.09);animation-delay:1.6s}@keyframes blink-ring{0%,to{opacity:0}10%,60%{opacity:1}}main.login-main{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.logo-img-login{width:210px!important;height:110px!important;display:block;margin-left:auto;margin-right:auto;-o-object-fit:contain;object-fit:contain;background:transparent;padding:8px}.floating-header-card{position:sticky;top:0;z-index:100;background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;gap:.5rem;backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--card-shadow)}.floating-header-card .tab{padding:.5rem 1.25rem;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:inherit}.floating-header-card .tab:hover{background:rgba(110,159,43,.1);color:var(--primary-green);border-color:var(--primary-green)}.floating-header-card .tab.active{background:var(--primary-green);color:white;font-weight:600;border-color:var(--primary-green)}.home-floating-header .tab{background:none;border:none;font-size:1rem;font-weight:600;color:#444;padding:8px 18px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.home-floating-header .tab.active,.home-floating-header .tab:hover{background:#f0f0f0;color:#222;box-shadow:0 2px 8px rgba(0,0,0,.04)}.stats-cards-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--card-bg)!important;padding:1.75rem 1.5rem;border-radius:16px;box-shadow:0 4px 24px var(--card-shadow);border:1px solid var(--border-color);flex:1;min-width:200px;animation:fadeInUp .6s ease-out}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:60px;height:60px;background:rgba(110,159,43,.1);border-radius:50%;justify-content:center;margin-right:1.25rem}.stat-icon i{font-size:1.75rem;color:var(--primary-green)}.stat-title{font-size:.95rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.tabbed-card-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 12px var(--card-shadow);overflow:hidden;margin-bottom:1.5rem}.tabbed-card-header{display:flex;border-bottom:1px solid var(--border-color);background:var(--bg-light);padding:.5rem 1rem;gap:.5rem}.tabbed-card-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:inherit}.tabbed-card-tab:hover{background:rgba(110,159,43,.1);color:var(--primary-green)}.tabbed-card-tab.active{background:var(--primary-green);color:white;font-weight:600}.tabbed-content-section{padding:1.5rem}.tabbed-content-section h4{color:var(--primary-green);font-size:1rem;font-weight:600;margin-bottom:1rem}.chart-container{position:relative;min-height:300px}.dashboard-row-group-outer{margin-bottom:1.5rem}.dashboard-row-group-inner{display:flex;gap:1rem;flex-wrap:wrap}.dashboard-container{padding:0}.page-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(110,159,43,.1)}.page-header h1{font-size:1.75rem!important;font-weight:700!important;color:var(--text-primary)!important;display:flex;align-items:center;gap:.5rem;margin-bottom:.15rem!important}.page-header h1 i{color:var(--primary-green);font-size:1.5rem}.page-header p{margin-bottom:0!important;font-size:.9rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card-modern{background:var(--card-bg);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 2px 8px var(--card-shadow);border:1px solid var(--border-color);border-top:3px solid transparent;background-image:linear-gradient(var(--card-bg),var(--card-bg)),linear-gradient(135deg,var(--primary-green),var(--accent-green));background-origin:border-box;background-clip:padding-box,border-box;height:80px}.stat-card-modern:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--card-shadow)}.stat-icon-modern{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-modern i{font-size:1.25rem;color:white}.stat-content-modern{flex:1;min-width:0}.stat-label-modern{font-size:.85rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.stat-label-modern,.stat-value-modern{color:var(--text-primary);font-weight:700}.stat-value-modern{font-size:1.6rem;line-height:1.2}.filters-actions-row{justify-content:space-between}.actions-section{align-self:flex-end}.actions-section .filter-card{margin-bottom:0}.filter-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.filter-group{flex:1;min-width:180px}.filter-label{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:block}.filter-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);padding:1rem 1.25rem;box-shadow:0 2px 8px var(--card-shadow)}.home-page-wrapper{position:relative;width:100%;min-height:100vh}#gis-map{position:fixed;top:0;left:240px;width:calc(100vw - 240px);height:100vh;z-index:0}@media (max-width:768px){#gis-map{left:0;width:100vw}}.gis-map-blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);pointer-events:auto}#gis-info-card{position:fixed;top:80px;right:1.5rem;width:500px;max-width:calc(100vw - 2rem);background:white;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:1.55rem;z-index:1010;max-height:calc(100vh - 70px);overflow-y:auto}.home-reset-map-btn{position:fixed;top:28px;right:1.25rem;z-index:1020;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--primary-green);background:var(--bg-white,#fff);border:1.5px solid var(--primary-green);border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.1);cursor:pointer;transition:background .2s,box-shadow .2s;pointer-events:auto}.home-reset-map-btn:hover{background:rgba(110,159,43,.08);box-shadow:0 3px 14px rgba(0,0,0,.12)}.home-reset-map-btn:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px}@media (max-width:768px){.home-reset-map-btn{top:12px;right:.75rem;font-size:.8rem;padding:.35rem .65rem}}.gis-filter-panel{background:linear-gradient(180deg,rgba(248,252,255,.98),rgba(255,255,255,.98));border:1px solid #cfe1ff;border-radius:14px;min-width:430px;padding:1.15rem 1.2rem;box-shadow:0 10px 26px rgba(37,99,235,.18);backdrop-filter:blur(4px)}.gis-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;color:#0f172a;border-bottom:1px solid #dbeafe;padding-bottom:.45rem}.gis-filter-heading-wrap{display:flex;flex-direction:column}.gis-filter-heading{font-size:1.18rem;font-weight:700}.gis-filter-subheading{font-size:.9rem;color:#475569}.gis-filter-header button{border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1d4ed8;width:30px;height:30px;font-size:1rem;cursor:pointer}#gis-filter-body .gis-filter-field-label{display:block;font-size:1rem;color:#334155;margin:.55rem 0 .26rem;font-weight:600}#gis-filter-body .gis-filter-status-details{margin-top:.55rem}.gis-filter-status-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.65rem;cursor:pointer;border:1px solid #bfdbfe;border-radius:9px;padding:.62rem .72rem;background:#ffffff;font-size:1.04rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gis-filter-status-summary::-webkit-details-marker{display:none}.gis-filter-status-summary-text{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;min-width:0;text-align:left}.gis-filter-status-summary-title{font-weight:600;color:#334155;font-size:1rem}.gis-filter-status-summary-hint{font-size:.82rem;font-weight:500;color:#64748b;line-height:1.25}.gis-filter-status-chevron{display:inline-block;width:.45rem;height:.45rem;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .18s ease;flex-shrink:0;margin-bottom:.15rem}.gis-filter-status-details[open] .gis-filter-status-chevron{transform:rotate(-135deg);margin-bottom:0;margin-top:.2rem}.gis-filter-status-details[open] .gis-filter-status-summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:#dbeafe}.gis-filter-status-list{max-height:220px;overflow-y:auto;border:1px solid #bfdbfe;border-top:none;border-radius:0 0 9px 9px;padding:.45rem .55rem;background:#ffffff}.gis-filter-status-empty{display:block;font-size:.92rem;color:#64748b;padding:.35rem .2rem}.gis-filter-status-row{display:flex;align-items:flex-start;gap:.5rem;margin:.32rem 0;font-size:.96rem;font-weight:500;color:#334155;cursor:pointer;line-height:1.35}.gis-filter-status-row:first-child{margin-top:0}.gis-filter-status-row:last-child{margin-bottom:0}.gis-filter-status-row input[type=checkbox]{width:16px;height:16px;margin:.12rem 0 0;flex:0 0 auto;accent-color:#2563eb}#gis-filter-body input:not([type=checkbox]):not([type=range]),#gis-filter-body select{width:100%;border:1px solid #bfdbfe;border-radius:9px;padding:.62rem .72rem;font-size:1.04rem;background:#ffffff}.gis-filter-actions{margin-top:.6rem;display:flex;justify-content:flex-end}.gis-filter-actions button{border:1px solid #1d4ed8;border-radius:8px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;padding:.45rem .9rem;font-size:.86rem;font-weight:600;cursor:pointer}.gis-filter-timeline-wrap{margin-top:.8rem;padding:.7rem .75rem;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.gis-filter-timeline-head{margin:.45rem 0 .35rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}#gis-filter-timeline-label{font-size:.9rem;font-weight:600;color:#1e3a8a}#gis-filter-timeline-play{border:1px solid #1d4ed8;border-radius:8px;background:#fff;color:#1d4ed8;padding:.28rem .68rem;font-size:.82rem;font-weight:600;cursor:pointer}#gis-filter-timeline-range{width:100%;accent-color:#2563eb}.gis-filter-toggle-row{display:flex;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.92rem;color:#1e293b;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;padding:.5rem .62rem}.gis-filter-toggle-row input[type=checkbox]{width:16px;height:16px;margin:0;flex:0 0 auto}.leaflet-control-layers{font-size:.96rem;border-radius:12px!important;box-shadow:0 8px 20px rgba(15,23,42,.18)!important}.leaflet-control-layers-toggle{width:46px!important;height:46px!important;background-size:24px 24px!important}.leaflet-control-layers-expanded{padding:.9rem 1rem!important;min-width:270px}.leaflet-control-layers label{font-size:.96rem;line-height:1.45}.home-floating-header{position:fixed;top:32px;left:57%;transform:translateX(-50%);width:-moz-fit-content;width:fit-content;max-width:520px;min-width:320px;z-index:1002;background:#fff;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.1);padding:8px 24px;display:flex;gap:8px;align-items:center;justify-content:center}@media (max-width:900px){.home-floating-header{padding:4px 6px;gap:2px;max-width:95vw;min-width:unset}}@media (max-width:768px){.home-floating-header{left:50%;width:95vw;max-width:100vw;min-width:unset;top:12px}}.home-dashboard-content{position:fixed;top:120px;left:57%;transform:translateX(-50%);max-width:1400px;width:100%;z-index:1003;display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:calc(100vh - 140px);padding:0 1rem 2rem;background:none}@media (max-width:1200px){.home-dashboard-content{max-width:98vw;left:50%}}@media (max-width:900px){.home-dashboard-content{max-width:100vw;left:50%;top:90px;width:98vw;padding:0 8px}}.home-dashboard-content>*{pointer-events:auto}@media (max-width:768px){.home-dashboard-content{left:0}}.leaflet-marker-blink{width:24px!important;height:24px!important;background:transparent;border:none}.gis-marker-dot{display:block;width:24px;height:24px;border-radius:50%;border:3px solid #fff;background:var(--marker-color,rgba(110,159,43,.85));box-shadow:0 0 0 0 color-mix(in srgb,var(--marker-color,#6e9f2b) 60%,transparent);animation:map-pulse 2s infinite}.gis-status-legend{background:rgba(255,255,255,.95);border:1px solid #dfe3ea;border-radius:12px;padding:.8rem .9rem;box-shadow:0 8px 18px rgba(0,0,0,.14);min-width:260px}.gis-status-legend-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.45rem}.gis-status-legend-title{font-size:.96rem;font-weight:700;color:#2b2f33}.gis-status-legend-toggle{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;width:28px;height:28px;font-size:1rem;line-height:1;cursor:pointer}.gis-status-legend-item{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:#374151;margin:.28rem 0}.gis-status-legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.gis-choropleth-metric{background:rgba(255,255,255,.95);border:1px solid #dfe3ea;border-radius:10px;padding:.5rem .65rem;box-shadow:0 6px 14px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:.3rem;min-width:200px}.gis-choropleth-metric-label{font-size:.78rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.gis-choropleth-metric-select{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;font-size:.9rem;padding:.35rem .5rem;cursor:pointer}.gis-selection-summary{position:fixed;top:80px;right:1.5rem;width:560px;max-width:calc(100vw - 2rem);max-height:calc(100vh - 100px);overflow-y:auto;background:rgba(255,255,255,.97);border:1px solid #dbeafe;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.2);padding:1.3rem 1.35rem;z-index:1009}.gis-selection-title{font-size:1.24rem;font-weight:700;color:#1e3a8a;margin-bottom:.2rem}.gis-selection-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.7rem}.gis-selection-subnote{font-size:.86rem;color:#475569}.gis-selection-toggle{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;width:30px;height:30px;font-size:1rem;cursor:pointer}.gis-selection-row{display:flex;justify-content:space-between;gap:.6rem;font-size:1.08rem;color:#334155;margin-bottom:.45rem}.gis-selection-row strong{color:#0f172a;font-size:1.1em}.gis-selection-subtitle{margin-top:1rem;margin-bottom:.55rem;font-size:1.04rem;font-weight:700;color:#1e40af}.gis-selection-finance-chart{margin-top:.75rem;padding:.65rem .75rem;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff}.gis-selection-finance-title{font-size:.92rem;font-weight:700;color:#1e3a8a;margin-bottom:.45rem}.gis-selection-finance-row{margin-bottom:.45rem}.gis-selection-finance-row:last-child{margin-bottom:0}.gis-selection-finance-meta{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;color:#334155;margin-bottom:.2rem}.gis-selection-finance-track{height:10px;background:#dbeafe;border-radius:999px;overflow:hidden}.gis-selection-finance-fill{height:100%;border-radius:999px;min-width:2px}.gis-selection-finance-fill.dipohon{background:#2563eb}.gis-selection-finance-fill.kos{background:#0ea5a4}.gis-selection-status-row{display:flex;justify-content:space-between;gap:.6rem;font-size:1.02rem;color:#334155;margin-bottom:.2rem}.gis-selection-chart-track{height:10px;background:#dbeafe;border-radius:999px;overflow:hidden;margin-bottom:.45rem}.gis-selection-chart-fill{height:100%;background:linear-gradient(90deg,#2563eb,#0ea5a4);border-radius:999px;min-width:2px}.gis-draw-control{display:flex;flex-direction:column;gap:.35rem}.gis-draw-control button{width:44px;height:44px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#1f2937;font-size:1.15rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}.gis-draw-control button.active{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}@keyframes map-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--marker-color,#6e9f2b) 60%,transparent)}70%{box-shadow:0 0 0 12px rgba(110,159,43,0)}to{box-shadow:0 0 0 0 rgba(110,159,43,0)}}.table-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px var(--card-shadow)}.table-header{background:rgba(110,159,43,.06);border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1.1rem;font-weight:700;color:var(--primary-green)}.table-meta{color:var(--text-secondary)}.table-standard th{background:rgba(110,159,43,.08)!important;color:var(--primary-green)!important;border:none!important;white-space:nowrap;vertical-align:middle}.table-standard th i{display:inline-block;width:1rem;opacity:.6}.table-standard td{border:none!important;border-bottom:1px solid rgba(110,159,43,.08)!important;font-size:.9rem}.table-standard tbody tr{background:transparent}.table-standard tbody tr:hover,.table-standard tbody tr:hover td{background:rgba(110,159,43,.06)!important}.table-standard tbody tr td:first-child{border-left:3px solid transparent!important}.table-standard tbody tr:hover td:first-child{border-left-color:var(--primary-green)!important}.table-standard .badge{font-size:.75rem;padding:.4rem .8rem;border-radius:6px;font-weight:600;letter-spacing:.5px}.table-standard .badge.bg-success{background:var(--primary-green)!important;color:white!important;border:none}.table-standard .badge.bg-danger{background:#dc3545!important;color:white!important;border:none}.table-standard .btn-group{display:flex!important;gap:.25rem;flex-wrap:nowrap}.table-standard .btn-group .btn{border-radius:6px!important;padding:.3rem .45rem;font-size:.8rem;transition:all .2s ease;line-height:1}.table-standard .btn-group .btn i{font-size:.95rem!important}.filters-actions-row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;align-items:flex-start}.filters-section{flex:1;min-width:0}.actions-section{flex-shrink:0}.action-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.tab-header{border:none;font-family:inherit}@media (max-width:768px){.tab-headers{flex-direction:column}.tab-header{border-right:none;border-bottom:1px solid #e9ecef;min-height:60px;padding:.75rem 1rem;flex-direction:row;justify-content:space-between}.tab-header.active{border-bottom:none;border-left:3px solid var(--primary-green);transform:none}.tab-title{font-size:.85rem;margin-bottom:0}}.form-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 4px 20px var(--card-shadow)!important;transition:all .3s ease!important;overflow:hidden!important;position:relative!important;margin-bottom:1.5rem!important;backdrop-filter:blur(10px)!important}.form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-green),var(--accent-green));border-radius:16px 16px 0 0;z-index:1}.form-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--card-shadow)!important;border-color:rgba(110,159,43,.25)!important}.form-card .card-body{padding:2rem!important;background:transparent!important}.form-card .form-control,.form-card .form-select{border:1px solid var(--input-border)!important;border-radius:8px!important;padding:.75rem 1rem!important}.form-card .form-control:focus,.form-card .form-select:focus{border-color:var(--primary-green)!important;box-shadow:0 0 0 .2rem rgba(110,159,43,.12)!important}.form-card .input-group-text{background:rgba(110,159,43,.08)!important;border:1px solid var(--input-border)!important;border-right:none!important;color:var(--primary-green)!important;border-radius:8px 0 0 8px!important}.form-card .input-group .form-control{border-left:none!important;border-radius:0 8px 8px 0!important}.form-section-header{padding-bottom:.75rem;margin-bottom:1.5rem;border-bottom:2px solid rgba(110,159,43,.15)}.form-section-header h5{font-size:1rem;font-weight:700;color:var(--primary-green);margin:0;display:flex;align-items:center}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--border-gray);flex-wrap:wrap}.file-upload-zone{border:2px dashed rgba(110,159,43,.35);border-radius:10px;padding:1.5rem;text-align:center;background:rgba(110,159,43,.03);cursor:pointer;transition:all .2s ease;position:relative}.file-upload-zone:hover{border-color:var(--primary-green);background:rgba(110,159,43,.06)}.file-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.file-upload-prompt p{margin:0;font-size:.9rem;color:var(--text-secondary)}.page-item.active .page-link{background-color:var(--primary-green)!important;border-color:var(--primary-green)!important;color:white!important}.page-link{color:var(--primary-green)!important}.page-link:hover{color:var(--secondary-green)!important}.settings-section{margin-bottom:2.5rem;padding:1.5rem;background:var(--bg-light);border-radius:.75rem;border:1px solid var(--border-gray)}.settings-section:last-of-type{margin-bottom:2rem}.section-title{color:#2c3e50;font-weight:600;font-size:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--accent-green);display:flex;align-items:center}.section-title i{color:var(--accent-green)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.form-row:last-child{margin-bottom:0}.form-row.single-column{grid-template-columns:1fr;max-width:400px}.constraints-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;max-width:320px}.constraints-grid .form-check{display:flex;align-items:center;margin-bottom:0}.constraints-grid .form-check-input{width:1.2em;height:1.2em}.constraints-grid .form-check-input:checked{background-color:var(--primary-green);border-color:var(--primary-green)}.constraints-grid .form-check-label{cursor:pointer;display:flex;align-items:center;font-size:.9rem}.constraints-grid .form-check-label:hover{color:var(--primary-green)}@media (max-width:768px){.form-row{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row.single-column{max-width:none}.constraints-grid{grid-template-columns:1fr;max-width:none}.settings-section{padding:1rem;margin-bottom:1.5rem}}.calendar-card{background:var(--bg-white);border-radius:14px;border:1.5px solid var(--border-light);box-shadow:0 2px 12px rgba(0,0,0,.07);padding:24px 24px 18px;margin:0 18px 0 0;min-height:80vh}.calendar-tabs{display:flex;gap:6px}.calendar-tabs .btn-light,.kalendar-period-nav .btn-light{border:1px solid var(--border-light)}.kalendar-nav-label{width:20rem;flex:0 0 20rem;line-height:1.25;color:var(--text-secondary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-tab{background:var(--dark-green)!important;color:var(--bg-white)!important;border:none!important;box-shadow:0 2px 8px rgba(34,139,34,.07)}.sidebar-activity{background:var(--bg-white);border-radius:14px;border:1.5px solid var(--border-light);box-shadow:0 2px 12px rgba(0,0,0,.1);padding:18px 16px 12px;height:100%}.sidebar-activity h5{font-size:17px;font-weight:600;margin-bottom:16px}.sidebar-badge-row{display:flex;flex-direction:row;align-items:center;gap:4px;margin-bottom:8px;flex-wrap:wrap}.sidebar-badge{display:inline-block;font-size:12px;font-weight:500;border-radius:14px;padding:4px 8px;border:1.5px solid var(--border-light);max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-badge,.sidebar-badge-permohonan{background:var(--bg-light-blue);color:var(--secondary-green)}.sidebar-badge-mesyuarat{background:var(--bg-lighter-blue);color:var(--secondary-green)}.sidebar-badge-temujanji{background:var(--bg-light-blue);color:var(--secondary-green)}.sidebar-activity-date{color:var(--primary-green);font-weight:700;text-transform:uppercase;margin-top:18px;margin-bottom:4px;font-size:14px;letter-spacing:.5px}.sidebar-activity-badge{display:inline-block;border-radius:8px;padding:3px 12px;font-size:14px;font-weight:500;margin-bottom:8px;margin-right:4px;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out;background:var(--calendar-program);color:var(--bg-white);cursor:pointer}.mesyuarat-hover-card{background:var(--bg-white);border-radius:10px;padding:18px 20px 12px;box-shadow:0 2px 12px rgba(0,0,0,.15);min-width:260px;max-width:320px;max-height:400px;overflow-y:auto;font-size:15px;color:var(--text-normal);border:1px solid var(--border-light);z-index:1001;word-wrap:break-word;overflow-wrap:break-word}.mesyuarat-hover-card strong{font-size:16px}.mesyuarat-hover-card ul{margin-bottom:0}.calendar-hover-popup{pointer-events:none}.calendar-hover-popup.pinned-card{pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.calendar-hover-popup.pinned-card a{pointer-events:auto;cursor:pointer}.calendar-hover-popup.pinned-card *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.permohonan-tooltip{background:var(--bg-lighter-blue);color:var(--text-normal);border-radius:6px;padding:8px 14px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1001;max-width:280px;word-wrap:break-word}.permohonan-badge{display:inline-block;border-radius:8px;padding:2px 10px;font-size:13px;font-weight:500;margin-bottom:2px;margin-right:2px;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--calendar-program);color:var(--bg-white)}.fc .fc-daygrid-day{background:var(--bg-light-blue);border-radius:10px;border:none;transition:background .2s}.fc .fc-daygrid-day.fc-day-today{background:var(--dark-green)!important;border-radius:10px}.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{color:var(--bg-white)!important;font-weight:600}.fc .fc-daygrid-day.fc-day-today .permohonan-badge{background:var(--bg-white);color:var(--calendar-program)}.fc .fc-daygrid-day:hover{background:var(--bg-lighter-blue)}.fc .fc-daygrid-day.fc-day-other{background:var(--bg-lighter);color:var(--text-lighter)}.fc .fc-daygrid-day-number{font-size:15px;font-weight:500;color:var(--secondary-green);margin:2px 0 0 2px}.fc .fc-col-header-cell,.fc .fc-col-header-cell a{background:transparent;color:var(--text-secondary)!important;font-weight:600;font-size:15px;border:none;text-decoration:none!important;border-bottom:none!important;padding:12px 0}.fc .fc-scrollgrid{border:1.5px solid var(--border-light);border-radius:14px;background:var(--bg-white);overflow:hidden}.fc .fc-scrollgrid,.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-sync-table{border-radius:16px;border:none;overflow:hidden}.fc .fc-scrollgrid-section-header{border:none}.fc .fc-daygrid-event-dot{display:none!important}.fc .fc-daygrid-day-events{margin-top:2px}.fc .fc-event{border:none;background:transparent;box-shadow:none}.fc .fc-daygrid-event,.fc .fc-event,.fc .fc-event .permohonan-badge,.fc .fc-timegrid-event{cursor:pointer}.fc .fc-button-active,.fc .fc-button-primary,.fc .fc-button-primary:active,.fc .fc-button-primary:focus,.fc .fc-button-primary:hover{background:var(--primary-green)!important;color:var(--bg-white)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(110,159,43,.15);outline:none!important}.year-grid{display:flex;flex-wrap:wrap;gap:18px 24px;justify-content:flex-start;margin-top:12px}.year-month{background:var(--bg-white);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.07);padding:10px 8px 8px;width:220px;margin-bottom:8px}.year-month-header{text-align:center;font-weight:600;font-size:17px;color:var(--primary-green);margin-bottom:4px}.year-day-row{display:flex;justify-content:space-between;margin-bottom:2px}.year-day-name{flex:1;text-align:center;font-size:13px;color:var(--text-lighter);font-weight:500}.year-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.year-day-cell{width:28px;min-height:28px;margin:1px;text-align:center;border-radius:6px;font-size:15px;color:var(--text-normal);background:var(--bg-light-blue);cursor:pointer;position:relative;transition:background .2s;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px;padding-bottom:2px;line-height:1.1}.year-day-cell.empty{background:transparent;cursor:default}.year-day-cell.has-event{color:var(--text-dark);font-weight:700;border:1.5px solid var(--primary-green)}.year-day-cell.has-event:hover{background:var(--light-green-2,#b8e0b8)}.year-day-cell.year-day-cell--today{box-shadow:inset 0 0 0 2px var(--dark-green);font-weight:700;z-index:1}.year-day-cell.year-day-cell--today:not(.has-event){background:var(--dark-green)!important;color:var(--bg-white)!important}.year-day-cell.year-day-cell--today.has-event{box-shadow:inset 0 0 0 2px var(--dark-green),0 0 0 1px rgba(0,0,0,.06)}.year-event-tooltip{background:var(--bg-white);border:1px solid var(--primary-green);color:var(--text-normal);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.13);padding:10px 16px;font-size:15px;min-width:180px;max-width:260px;max-height:300px;overflow-y:auto;pointer-events:none;word-wrap:break-word}.password-requirements{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:.375rem;padding:.75rem;margin-top:.5rem}.requirement-item{display:flex;align-items:center;margin-bottom:.25rem;font-size:.875rem;transition:color .2s ease}.requirement-item:last-child{margin-bottom:0}.requirement-item i{width:16px;height:16px;margin-right:.5rem;flex-shrink:0;transition:color .2s ease}.requirement-item.text-success{color:var(--success-color)!important}.requirement-item.text-danger{color:var(--danger-color)!important}.profile-info-row{padding:.75rem 0;border-bottom:1px solid var(--border-light)}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-weight:600;color:var(--text-primary)}.profile-info-value{color:var(--text-secondary)}.form-error{border:1px solid var(--danger-color);background-color:rgba(220,53,69,.1);color:var(--danger-color);font-size:.875rem;padding:.75rem;border-radius:.375rem;margin-bottom:1rem}.tab-headers{border-bottom:1px solid var(--border-gray);border-radius:.75rem .75rem 0 0;overflow:hidden}.tab-header,.tab-headers{display:flex;background:var(--bg-light)}.tab-header{flex:1;padding:1rem 1.5rem;border-right:1px solid var(--border-gray);cursor:pointer;transition:all .3s ease;position:relative;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.tab-header:last-child{border-right:none}.tab-header:hover{background:var(--bg-neutral)}.tab-header.active{background:var(--card-bg);border-bottom:3px solid var(--primary-green);transform:translateY(-1px)}.tab-header.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--card-bg)}.tab-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.25rem;text-align:center}.tab-header.active .tab-title{color:var(--primary-green)}.tab-count{font-size:1.25rem;font-weight:700;color:var(--text-secondary)}.tab-header.active .tab-count{color:var(--primary-green)}.table-standard{margin:0;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;width:100%}.table-standard th{background:rgba(110,159,43,.08);color:var(--primary-green);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;border:none;border-bottom:2px solid rgba(110,159,43,.15)}.table-standard td{padding:.75rem 1rem;vertical-align:middle;border:none;border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-primary);font-weight:500;font-size:.95rem;line-height:1.4}.table-standard tbody tr{transition:all .3s ease}.table-standard tbody tr:hover td{background:rgba(110,159,43,.08)}.table-standard tbody tr td:first-child{padding-left:1rem;border-left:3px solid transparent}.table-standard tbody tr:hover td:first-child{border-left-color:var(--primary-green)}.table-standard td .badge{font-size:.75rem;padding:.4rem .8rem;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-standard td .btn-group .btn{padding:.25rem .5rem;font-size:.8rem}.table-standard th i{font-size:.75rem;margin-left:.25rem;color:rgba(110,159,43,.6)}.table-card{background:var(--bg-card);border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.content-section{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e9ecef);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s ease;margin-bottom:1.5rem}.content-section:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.content-section .card-body{padding:0}.table-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}@media (max-width:768px){.tab-headers{flex-direction:column}.tab-header{border-right:none;border-bottom:1px solid #e9ecef;min-height:60px;padding:.75rem 1rem;flex-direction:row;justify-content:space-between}.tab-header:last-child{border-bottom:none}.tab-header.active{border-bottom:none;border-left:3px solid var(--primary-green);transform:none}.tab-title{font-size:.85rem;margin-bottom:0}.tab-count{font-size:1.1rem}}.officer-card{background:var(--bg-card);border-radius:.75rem;padding:1.25rem;border:1px solid var(--border-gray)}.officer-item{background:var(--background-light,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:.5rem;padding:.75rem;transition:all .2s ease}.officer-item:hover{background:var(--background-lighter,#f0f0f0);border-color:var(--primary-green)}.officer-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0}.officer-badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;border-radius:999px;background:var(--bg-light);color:var(--text-primary)}.officer-badge,.temujanji-card{border:1px solid var(--border-gray)}.temujanji-card{border-radius:.75rem;transition:box-shadow .2s}.temujanji-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.ulasan-timeline{position:relative;padding-left:2rem;margin-top:1rem}.ulasan-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background-color:#e9ecef}.ulasan-timeline .timeline-item{position:relative;margin-bottom:1.5rem}.ulasan-timeline .timeline-item:last-child{margin-bottom:0}.ulasan-timeline .timeline-marker{position:absolute;left:-2rem;top:.2rem;width:1rem;height:1rem;border-radius:50%;background-color:#0d6efd;border:3px solid #fff;z-index:1}.ulasan-timeline .timeline-content{background-color:var(--bg-light);padding:1rem;border-radius:.5rem;border:1px solid var(--border-light)}.ulasan-timeline .ulasan-header{margin-bottom:.5rem}.ulasan-timeline .ulasan-body p{margin-bottom:.5rem;white-space:pre-wrap}.ulasan-timeline .ulasan-footer{font-size:.8rem;color:#6c757d}.ulasan-item{border-radius:.5rem}.peruntukan-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border:1px solid var(--border-gray);border-radius:.5rem;margin-bottom:.5rem}.peruntukan-list-item:last-child{margin-bottom:0}.tindakan-pantas-section{border:1px solid var(--border-gray);margin-top:1.5rem}.pemohon-info-card,.tindakan-pantas-section{border-radius:.75rem;padding:1.25rem;background:var(--bg-card)}.pemohon-info-card{border:1px solid var(--border-gray)}.pemohon-info-row{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0;border-bottom:1px solid var(--border-gray)}.pemohon-info-row:last-child{border-bottom:none}.mesyuarat-card{background:var(--bg-card);border:1px solid var(--border-gray);border-radius:.75rem;padding:1.25rem}.mesyuarat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.mesyuarat-module .butiran-mesyuarat-card{background:#ffffff}.mesyuarat-module .butiran-mesyuarat-card .card-body{background:#ffffff!important}.mesyuarat-module .ruangan-minit-mesyuarat-card{background:#ffffff}.mesyuarat-module .ruangan-minit-mesyuarat-card .card-body{background:#ffffff!important}.mesyuarat-module .ruangan-minit-mesyuarat-card .form-control{background-color:#ffffff!important}.mesyuarat-module .butiran-mesyuarat-card .table-header .btn-warning{border-radius:.5rem!important;padding:.4rem .95rem!important;font-weight:600;color:#212529!important;background-color:#ffc107!important;border:1px solid #e0a800!important;box-shadow:0 1px 2px rgba(0,0,0,.07)}.mesyuarat-module .butiran-mesyuarat-card .table-header .btn-warning:hover{background-color:#e0a800!important;border-color:#d39e00!important;color:#212529!important}.mesyuarat-module .mesyuarat-table-toolbar .form-control,.mesyuarat-module .mesyuarat-table-toolbar .form-select{font-size:.875rem!important;line-height:1.25!important;padding:0 .5rem!important;height:31px!important;min-height:31px!important;max-height:31px!important;border-radius:.375rem!important;box-sizing:border-box!important}.mesyuarat-module .mesyuarat-table-toolbar .form-select{padding-right:1.75rem!important;background-position:right .45rem center!important;background-size:14px 10px!important}.mesyuarat-module .mesyuarat-table-toolbar .btn{font-size:.875rem!important;font-weight:500;line-height:1!important;padding:0 .65rem!important;height:31px!important;min-height:31px!important;max-height:31px!important;border-radius:.375rem!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem;white-space:nowrap!important;flex-shrink:0}.mesyuarat-module .mesyuarat-table-toolbar .btn i{font-size:.8rem;line-height:1}.mesyuarat-module .ulasan-permohonan-card{background:#ffffff}.mesyuarat-module .ulasan-permohonan-card>.card-body{background:#ffffff!important}.mesyuarat-module .ulasan-inner-card{background:#ffffff;border-color:var(--border-gray)!important}.mesyuarat-module .ulasan-inner-card .card-body{background:#ffffff!important}.mesyuarat-module .ulasan-quill-wrap{background:#fff}.mesyuarat-module .ulasan-quill-wrap .ql-toolbar.ql-snow{border:1px solid var(--border-gray);border-bottom:none;border-radius:.375rem .375rem 0 0;background:#fafafa}.mesyuarat-module .ulasan-quill-wrap .ql-container.ql-snow{border:1px solid var(--border-gray);border-radius:0 0 .375rem .375rem;font-size:1rem}.mesyuarat-module .ulasan-quill-wrap .ql-editor{min-height:7.5em}.mesyuarat-module .ulasan-quill-wrap .ql-editor.ql-blank:before{font-style:normal;color:var(--text-muted)}.mesyuarat-module #permohonanTable .permohonan-row:hover{cursor:pointer}.mesyuarat-module #permohonanTable .permohonan-row:hover,.mesyuarat-module #permohonanTable .permohonan-row:hover td{background-color:color-mix(in srgb,var(--accent-green) 10%,transparent)!important}.mesyuarat-module #permohonanTable .permohonan-row:active{transform:scale(.995);transition:all .1s ease}.mesyuarat-module #permohonanTable .permohonan-row:active,.mesyuarat-module #permohonanTable .permohonan-row:active td{background-color:color-mix(in srgb,var(--accent-green) 20%,transparent)!important}.permohonan-mesyuarat-tab .permohonan-mesyuarat-card{background:#fff;border:1px solid var(--border-gray)!important;box-shadow:0 2px 8px rgba(0,0,0,.06)!important;border-radius:.75rem}.permohonan-mesyuarat-tab .permohonan-mesyuarat-card .card-body{background:#fff!important}.permohonan-mesyuarat-tab .permohonan-mesyuarat-card .badge{font-size:.75rem;font-weight:600}.permohonan-detail-tabs .nav-tabs{border-bottom:1px solid var(--border-gray)}.permohonan-detail-tabs .nav-link{color:var(--text-secondary);font-size:.875rem;padding:.6rem .9rem;white-space:nowrap}.permohonan-detail-tabs .nav-link.active{color:var(--primary-green);border-bottom:2px solid var(--primary-green);background:none}.permohonan-detail-tabs .nav-link:hover{color:var(--primary-green)}.breakdown-table td{vertical-align:middle}.breakdown-table input[type=number]{min-width:120px}.tab-content-section{padding:1rem}.nav-tabs-scroll{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tabs-scroll::-webkit-scrollbar{height:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(110,159,43,.4)}70%{box-shadow:0 0 0 10px rgba(110,159,43,0)}to{box-shadow:0 0 0 0 rgba(110,159,43,0)}}.modern-timeline{position:relative;margin-left:1.5rem;padding-left:2.5rem}.modern-timeline:before{content:"";position:absolute;left:.1rem;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary-green) 80%,rgba(110,159,43,.25) 100%);border-radius:2px;box-shadow:0 0 12px 0 rgba(40,167,69,.18);z-index:0;transform:scaleY(0);transform-origin:bottom;animation:timeline-grow-up 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes timeline-grow-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-step-modern{position:relative;margin-bottom:2.5rem;display:flex;align-items:flex-start;min-height:3.5rem}.timeline-step-modern.last{margin-bottom:0}.timeline-marker-modern{position:absolute;left:-2.1rem;top:.1rem;width:2.2rem;height:2.2rem;background:#fff;border:4px solid var(--primary-green);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px 0 rgba(40,167,69,.18),0 2px 8px 0 rgba(0,0,0,.1);z-index:2;font-size:1.3rem}.timeline-marker-modern i{color:var(--primary-green);font-size:1.1rem}.timeline-content-modern{background:var(--card-bg,#f8f9fa);border-radius:.75rem;box-shadow:0 6px 24px 0 rgba(40,167,69,.13),0 2px 8px 0 rgba(0,0,0,.1);padding:1.1rem 1.5rem 1.1rem 1.2rem;margin-left:.5rem;min-width:0;flex:1;border:1px solid var(--border-gray,#e9ecef)}.timeline-content-modern .badge{font-size:.9rem;font-weight:600;border-radius:.5rem;margin-right:.5rem;padding:.4rem .9rem}.timeline-description-modern{color:var(--text-secondary,#495057);font-size:1rem;margin-top:.2rem;white-space:pre-line}@media (max-width:768px){.modern-timeline{margin-left:.5rem;padding-left:1.5rem}.timeline-marker-modern{width:1.5rem;height:1.5rem;left:-1.1rem;font-size:1rem}.timeline-content-modern{padding:.8rem 1rem .8rem .8rem}}.coordinate-info{background:var(--bg-light)!important;border:1px solid var(--border-light)!important;transition:all .3s ease}.coordinate-info:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.coordinate-info code{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;padding:.2rem .4rem;font-family:Courier New,monospace;font-weight:600;color:var(--text-primary);display:inline-block;min-width:110px}.summary-item{padding-bottom:1rem;margin-bottom:1rem}.summary-item:last-child{border-bottom:none!important;margin-bottom:0}.badge.badge-lg{padding:.625rem 1rem!important;font-size:.875rem!important}.notifikasi-page .page-header h1{flex-wrap:wrap;row-gap:.35rem}.notifikasi-page .page-header h1 .badge{font-size:.65em;font-weight:600;vertical-align:middle}.notifikasi-page .notif-filter-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;opacity:.9}.notifikasi-page .view-toggle-group.notif-read-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;width:100%;padding:.35rem;background:var(--bg-light);border:1px solid rgba(110,159,43,.18);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(0,0,0,.04)}.notifikasi-page .view-toggle-group.notif-read-toggle .btn{display:inline-flex!important;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;width:100%;margin:0!important;border:none!important;border-radius:9px!important;padding:.45rem .6rem!important;font-size:.875rem!important;font-weight:600!important;line-height:1.2!important;color:var(--text-secondary)!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.notifikasi-page .view-toggle-group.notif-read-toggle .btn i{font-size:.95em;opacity:.85}.notifikasi-page .view-toggle-group.notif-read-toggle .btn:hover:not(.active){background:rgba(110,159,43,.1)!important;color:var(--text-primary)!important}.notifikasi-page .view-toggle-group.notif-read-toggle .btn.active{background:var(--primary-green)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 8px rgba(110,159,43,.35)}.notifikasi-page .view-toggle-group.notif-read-toggle .btn.active i{opacity:1;color:inherit!important}.notifikasi-page .view-toggle-group.notif-read-toggle .btn:focus-visible{outline:2px solid var(--primary-green);outline-offset:2px;z-index:1;position:relative}.notifikasi-page .notification-row .notification-card{border-radius:12px;border:1px solid var(--border-color);transition:box-shadow .2s ease,border-color .2s ease}.notifikasi-page .notification-row .notification-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:rgba(110,159,43,.35)}.notifikasi-page .notification-icon{font-size:1.35rem;color:var(--primary-green);min-width:2.25rem;text-align:center}.notifikasi-page .enhanced-pagination .page-link{border-radius:8px;margin:0 2px;min-width:2.25rem;text-align:center}.notifikasi-page .enhanced-pagination .page-item.active .page-link{background-color:var(--primary-green);border-color:var(--primary-green);color:#fff}.notifikasi-page .empty-state h6{margin-top:.5rem;font-weight:600;color:var(--text-primary)}.projek-module .nav-tabs .nav-link.disabled-tab{opacity:.5;cursor:not-allowed!important;color:#6c757d!important}.projek-module .coordinate-info{background:var(--bg-light-blue,#f8fafc);border:1px solid var(--border-gray,#e5e7eb)}.projek-module .ulasan-timeline .border.rounded{border-color:var(--border-gray,#e5e7eb)!important}