@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{color:#333}.btn{border-radius:30px;font-weight:600}.btn-outline-success,.btn-success{--bs-success:#7dbb1f;--bs-success-rgb:125,187,31}.btn-outline-success{border-color:#7dbb1f;color:#7dbb1f}.btn-green{background-color:#7dbb1f;border:none;border-radius:30px;color:#fff;font-size:.9rem;font-weight:600}.btn-green:hover{background-color:#6aa01a;color:#fff}header{min-height:100vh;padding-bottom:2rem;position:relative}#bg-image{background-color:#c9f53c;clip-path:ellipse(75% 100% at 85% 0)}@media (max-width:768px){#bg-image{clip-path:ellipse(150% 70% at 85% 0)}}nav{padding-bottom:1.5rem;padding-top:1.5rem}nav ul li a{font-size:.9rem;font-weight:500}nav ul li a:hover{color:#7dbb1f!important}.question-mark{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:30px;justify-content:center;width:30px}.green-bg{background-color:#c9f53c}.text-justify{text-align:justify}.services-wrapper{background-color:#f4f9d9;border:1px solid #0d6efd;border-radius:8px;margin:4rem 0;padding:3rem 0}.service-card{border-radius:16px;height:100%;padding:1.5rem;transition:all .3s ease}.lime-card{background-color:#c9f53c}.white-card{background-color:#fff;border:1px solid #e0e0e0}.service-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.service-title{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.service-description{color:#555;font-size:.9rem;margin-bottom:1.5rem}.education-image-container{border-radius:16px;margin-top:1.5rem;overflow:hidden}.contact-section{background-color:#b9e22e;margin-top:4rem;padding:4rem 0}.contact-card{background-color:#7dbb1f;border-radius:8px;color:#fff;height:100%;padding:1.5rem}.contact-card i{font-size:1.5rem}.contact-card h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.contact-card p{font-size:.9rem;margin-bottom:0}.contact-form{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:2rem}.form-control{padding:.7rem 1rem}.footer{background-color:#11142d;color:#fff;font-size:.9rem;padding:1.5rem 0;text-align:center}@media (max-width:767.98px){.border-start{margin-top:1.5rem}.border-left-black,.border-start{border-left:none!important;padding-left:0!important}.border-left-black{border-top:1px solid #000;padding-top:1rem}.services-wrapper{padding:2rem 1rem}.contact-card{margin-bottom:1rem}}.rounded-4{border-radius:1rem}.fw-semibold{font-weight:600}.border-left-black{border-left:1px solid #000;padding-left:1.5rem}.fs-7{font-size:.875rem}.fs-8{font-size:.75rem}body{background-color:#f8f9fa}.form-control::placeholder{font-family:Space Grotesk,sans-serif}.divider{align-items:center;display:flex;margin-bottom:2rem}.divider .dot{background-color:#6c757d;border-radius:50%;height:8px;width:8px}.divider .line{background-color:#6c757d;flex-grow:1;height:1px;margin:0 1rem}.btn-lime{background-color:#b9e637;border-radius:.75rem;color:#000;font-weight:800;transition:background-color .3s ease}.btn-lime:focus,.btn-lime:hover{background-color:#a4d22a;color:#000}a.lime-link{color:#b9e637;text-decoration:none}a.lime-link:hover{color:#a4d22a;text-decoration:underline}.login-container{align-items:center;background-color:#fff;border-radius:1rem;display:flex;flex-wrap:wrap;justify-content:center;margin:1.5rem 0 0 12rem;max-width:900px;overflow:hidden;padding:2rem;width:100%}.illustration{flex:1 1 45%;max-width:500px;padding:1.5rem;text-align:center}.illustration img{display:block;height:auto;margin:0 auto;max-width:100%}.login-form{flex:1 1 45%;max-width:400px;padding:2rem}h1{color:#333;font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:.8rem}h1,p.subtitle{text-align:center}p.subtitle{color:#666;font-size:1rem;font-weight:400;margin-bottom:2rem}.form-control{border:1px solid #e0e0e0;border-radius:.5rem;box-sizing:border-box;font-size:1rem;margin-bottom:1.5rem;outline:none;padding:.85rem 1rem}.form-control:focus{border-color:#b7e22f;box-shadow:0 0 0 3px rgba(183,226,47,.2)}.link-lime{color:#b7e22f;font-weight:600;text-decoration:none;transition:color .2s ease}.link-lime:hover{color:#8fb928;text-decoration:underline}.btn-lime{background-color:#b7e22f;border:none;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#333;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;margin-top:1rem;padding:.85rem 0;transition:all .3s ease;width:100%}.btn-lime:hover{background-color:#a3cb29;box-shadow:0 6px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.btn-lime:active{transform:translateY(0)}.text-center{text-align:center}.password-options{margin-bottom:1.5rem;text-align:right}.account-option{color:#666;font-size:.95rem;margin-top:1rem;text-align:center}@media (max-width:991.98px){.login-container{padding:1.5rem}}@media (max-width:767.98px){.login-container{flex-direction:column;padding:1rem}.illustration,.login-form{flex:1 1 100%;max-width:100%;padding:1rem}h1{font-size:2rem}.btn-lime{font-size:1rem;padding:.75rem 0}}:root{--sidebar-color:#f6ff99;--light-yellow:#f9ffb3}.mobile-menu-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);color:var(--text-dark);cursor:pointer;display:none;font-size:1.25rem;height:44px;left:15px;position:fixed;top:15px;width:44px;z-index:1001}.mobile-menu-btn:hover{background-color:#f8f9fa}.sidebar-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all var(--transition-speed) ease;visibility:hidden;width:100%;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all var(--transition-speed) ease;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.mobile-hidden{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.logo{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;height:80px;justify-content:space-between;padding:20px 15px}.logo-text{color:var(--text-dark);font-size:1.25rem;font-weight:700;transition:opacity var(--transition-speed);white-space:nowrap}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:5px;width:28px}.sidebar-toggle:hover{background-color:rgba(0,0,0,.05)}.sidebar.collapsed .logo-text,.sidebar.collapsed .logout-text,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text{display:inline-block;height:0;opacity:0;overflow:hidden;width:0}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.nav-container{flex:1;overflow-y:auto;padding:10px 0;-webkit-overflow-scrolling:touch}.nav-section{margin-bottom:15px}.nav-section-title{color:var(--text-light);font-size:.75rem;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all var(--transition-speed);white-space:nowrap}.nav-link{align-items:center;border-radius:8px;color:var(--text-dark);display:flex;font-weight:400;margin:2px 10px;padding:12px 20px;text-decoration:none;white-space:nowrap}.nav-link,.nav-link i{transition:all var(--transition-speed) ease}.nav-link i{font-size:1.1rem;margin-right:12px;min-width:24px;text-align:center}.nav-link:hover{background-color:rgba(155,230,76,.15);color:var(--text-dark);text-decoration:none;transform:translateX(3px)}.nav-link.active{background:linear-gradient(135deg,var(--primary-color),var(--light-yellow));border-left:4px solid var(--primary-color);box-shadow:0 4px 12px rgba(155,230,76,.3),inset 0 1px 0 hsla(0,0%,100%,.3);color:var(--text-dark)!important;font-weight:600;position:relative}.nav-link.active:hover{background:linear-gradient(135deg,#8bc441,#f4ff8f);box-shadow:0 6px 16px rgba(155,230,76,.4),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateX(0)}.nav-link.active i{color:var(--text-dark);transform:scale(1.1)}.nav-link.active:after{animation:activeSlide .3s ease-out;background:var(--primary-color);border-radius:2px 0 0 2px;content:"";height:100%;position:absolute;right:0;top:0;width:3px}@keyframes activeSlide{0%{height:0;opacity:0}to{height:100%;opacity:1}}.sidebar.collapsed .nav-link{justify-content:center;margin:2px 15px;padding:12px 0}.sidebar.collapsed .nav-link i{font-size:1.2rem;margin-right:0}.sidebar.collapsed .nav-link.active{background:var(--primary-color);border-left:none;border-radius:8px}.sidebar.collapsed .nav-link.active:after{display:none}.sidebar-footer{border-top:1px solid rgba(0,0,0,.05);padding:15px}.logout-btn{align-items:center;background-color:transparent;border:1px solid #dc3545;border-radius:8px;color:#dc3545;display:flex;font-size:.9rem;justify-content:center;padding:8px;transition:all var(--transition-speed);width:100%}.logout-btn:hover{background-color:#dc3545;box-shadow:0 4px 8px rgba(220,53,69,.3);color:#fff;transform:translateY(-1px)}.logout-btn i{margin-right:8px;transition:transform var(--transition-speed)}.logout-btn:hover i{transform:translateX(-2px)}.sidebar.collapsed .logout-btn{justify-content:center;padding:8px 0}.sidebar.collapsed .logout-btn i{font-size:1.2rem;margin-right:0}.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}.nav-link.active:focus{outline-color:var(--text-dark)}@media (min-width:768px){.mobile-menu-btn,.sidebar-overlay{display:none}.sidebar.mobile-hidden{transform:translateX(0)}}@media (max-width:767px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.sidebar{transform:translateX(-100%);width:var(--sidebar-width)}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .logo-text,.sidebar.collapsed .logout-text,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-text{display:inline;height:auto;opacity:1;overflow:visible;width:auto}.sidebar.collapsed .nav-link{justify-content:flex-start;padding:12px 20px}.sidebar.collapsed .nav-link i{margin-right:12px}.sidebar.collapsed .logout-btn{justify-content:flex-start;padding:8px}.sidebar.collapsed .logout-btn i{margin-right:8px}.main-content.collapsed{margin-left:0}.nav-link.active{background:linear-gradient(135deg,var(--primary-color),var(--light-yellow));border-left:4px solid var(--primary-color)}.nav-link:hover{transform:none}}.nav-link{overflow:hidden;position:relative}.nav-link:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link.active:before{left:100%}@media print{.mobile-menu-btn,.sidebar{display:none!important}}:root{--header-height:180px;--border-radius:12px;--shadow-light:0 2px 8px rgba(0,0,0,.1);--shadow-medium:0 4px 12px rgba(0,0,0,.05)}body{min-width:320px}.main-content{min-height:100vh;padding:30px;position:relative;z-index:1}.header-section{margin-bottom:40px}.dashboard-title{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.title-content h1{color:var(--text-dark);font-size:clamp(1.8rem,4vw,2.2rem);font-weight:600;margin-bottom:8px;margin-right:200px}.title-content p{color:var(--text-dark);font-size:clamp(.9rem,2vw,1rem);margin:0;opacity:.8}.user-profile{box-shadow:var(--shadow-light);flex-shrink:0;padding:10px 20px}.user-profile img{border:2px solid #f0f0f0;height:40px;margin-right:12px;width:40px}.user-profile span{color:var(--text-dark);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:-20px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.05);min-width:0;overflow:hidden;padding:15px;position:relative;transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px)}.stat-content{position:relative;z-index:1}.stat-number{color:var(--text-dark);font-size:clamp(1.4rem,4vw,1.8rem);font-weight:700;margin-bottom:5px}.stat-label{color:var(--text-light);font-size:clamp(.75rem,2vw,.85rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-icon{font-size:1.1rem;height:36px;opacity:.2;right:15px;top:15px;width:36px}.stat-icon,.stat-more{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.stat-more{background-color:rgba(0,0,0,.05);bottom:10px;color:var(--text-light);font-size:.8rem;height:26px;right:10px;text-decoration:none;transition:all .2s ease;width:26px}.stat-more:hover{background-color:rgba(0,0,0,.1);color:var(--text-dark)}.data-section{background:#fff;border-radius:20px;box-shadow:var(--shadow-medium);margin-top:-420px;padding:30px;position:relative;z-index:2}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.section-title{color:var(--text-dark);font-size:clamp(1.2rem,3vw,1.4rem);font-weight:600;margin:0}.nav-tabs .nav-link.active{background-color:#198754;border-color:#198754 #198754 #fff;color:#fff}.filter-tabs{border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px;padding-bottom:15px}.filter-tab{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease;white-space:nowrap}.filter-tab:hover{background-color:#f8f9fa;color:var(--text-dark)}.filter-tab.active{background-color:var(--primary-color);box-shadow:0 2px 8px rgba(155,230,76,.3);color:#fff}.filter-tab .badge{border-radius:10px;font-size:.75rem;min-width:20px;padding:2px 6px;text-align:center}.filter-tab.active .badge{background-color:hsla(0,0%,100%,.2)!important;color:#fff!important}.table-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.table{font-size:clamp(.8rem,2vw,.9rem)}.table td,.table th{padding:10px 12px}.table td{border-top:1px solid #eee}.table tr:hover td{background-color:#f8f9fa}.status-badge{font-size:clamp(.7rem,2vw,.8rem);padding:4px 10px}.detail-btn{white-space:nowrap}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:4px;margin-left:0;padding:4px 8px}@media (min-width:992px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stat-card{padding:20px}.stat-number{font-size:1.8rem}.stat-icon{font-size:1.2rem;height:40px;width:40px}}@media (max-width:991px){.main-content{margin-left:0;padding-top:80px}.header-content{flex-direction:column}.user-profile{align-self:flex-end}.stats-grid{margin-top:10px}.data-section{margin-top:20px}}@media (max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}.table-actions{justify-content:flex-start;width:100%}.table td,.table th{padding:8px 10px}.waste-img{height:40px;width:50px}}@media (max-width:575px){:root{--header-height:auto}.main-content{border-radius:0;padding:70px 15px 20px}.stats-grid{grid-template-columns:1fr}.user-profile{justify-content:flex-end;width:100%}.data-header{align-items:flex-start;flex-direction:column}.table td,.table th{padding:6px 8px}.waste-img{height:30px;width:40px}}@media (max-width:400px){.main-content{padding:70px 10px 15px}.data-section,.stat-card{padding:12px}.table td,.table th{font-size:.75rem;padding:5px 6px}.status-badge{padding:3px 6px}}@media print{.stat-more,.table-actions{display:none!important}.main-content{background:none!important;margin-left:0!important;padding:0!important}.data-section{box-shadow:none!important;margin:0!important;padding:0!important}.table{width:100%!important}.table th{background-color:transparent!important}}.main-content{height:auto;min-height:120px}.dashboard-header{min-width:0}.user-profile{flex-shrink:1;min-width:0}.classify-btn{background:linear-gradient(90deg,#f1f864,#bceb3c);margin-right:10px;max-width:300px;padding:12px 20px;text-align:center;width:100%}.content-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-top:20px;min-height:auto;padding:20px 15px}.content-header{margin-bottom:20px}.content-header h3{font-size:1.3rem}.content-body{margin-top:15px}.form-group{margin-bottom:15px}.form-control{padding:10px 12px}.form-row{gap:15px;grid-template-columns:1fr}.btn{font-size:.85rem;justify-content:center;padding:8px 16px}.table-responsive{margin-top:15px}.table{font-size:.85rem;min-width:600px}.table td,.table th{padding:12px 10px}.status-badge{font-size:.75rem;padding:5px 10px}.waste-img{border-radius:6px;height:45px;width:60px}.card{margin-bottom:15px;padding:15px}.card-header{margin-bottom:12px;padding-bottom:8px}.card-title{font-size:1rem}.dataTables_wrapper .dataTables_paginate .paginate_button{font-size:.8rem;padding:6px 10px}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{margin-bottom:10px}.dataTables_wrapper .dataTables_info{font-size:.85rem;margin-top:10px}@media (min-width:992px){.form-row{gap:20px;grid-template-columns:1fr 1fr}.content-section{margin-top:-520px;min-height:calc(100vh - 180px);padding:25px}.dashboard-header{min-width:300px}.classify-btn{padding:12px 30px;width:auto}}@media (min-width:768px) and (max-width:991px){.main-content{margin-left:var(--sidebar-collapsed-width)}.content-section{margin-top:20px;min-height:auto}.table{font-size:.9rem}}@media (min-width:576px) and (max-width:767px){.main-content{border-radius:0;margin-left:0}.header-content{align-items:stretch;flex-direction:column}.user-profile{align-self:flex-end}.content-actions{justify-content:flex-start;width:100%}.btn{flex-grow:1}}@media (max-width:575px){.main-content{border-radius:0;margin-left:0;padding:15px}.dashboard-header h2{font-size:1.5rem}.user-profile{justify-content:center;margin-top:10px;width:100%}.content-header{align-items:flex-start;flex-direction:column}.btn,.content-actions{width:100%}.btn{margin-bottom:5px}.classify-btn{margin-right:0;max-width:100%}.status-badge{font-size:.7rem;padding:4px 8px}.waste-img{height:40px;width:50px}}:root{--primary-color:#9be64c;--card-border:#e6e6e6;--text-dark:#333;--text-light:#6c757d;--sidebar-width:250px;--sidebar-collapsed-width:70px;--header-height:120px;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.map-container{border:1px solid #ddd;border-radius:8px;height:400px;overflow:hidden;position:relative;width:100%}.map-placeholder{display:none}.leaflet-container{height:100%;width:100%}.map-controls{bottom:20px;display:flex;flex-direction:column;gap:10px;position:absolute;right:20px;z-index:1000}.map-control-btn{align-items:center;background:#fff;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.4);color:#333;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.map-control-btn:hover{background:#f5f5f5}.location-marker{background:none;border:none}.location-marker img{height:41px;width:25px}.main-content{background:linear-gradient(90deg,#f1f864,#bceb3c);border-radius:0 0 30px 0;height:120px;margin-left:var(--sidebar-width);padding:20px;transition:margin-left var(--transition-speed) ease}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width)}.main-content.full-width{margin-left:0}.header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:10px}.dashboard-header{flex:1;min-width:300px}.dashboard-header h2{color:var(--text-dark);font-size:1.8rem;font-weight:600;margin-bottom:5px}.dashboard-header p{color:var(--text-dark);margin-bottom:0;opacity:.8}.user-profile{align-items:center;background-color:#fff;border-radius:25px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;min-width:180px;padding:8px 15px}.user-profile img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.classify-btn{background-color:var(--primary-color);border:none;border-radius:8px;color:var(--text-dark);font-weight:600;list-style:none;margin-top:20px;padding:12px 30px;transition:all .3s ease}.classify-btn:hover{background-color:#8bd43a;transform:translateY(-2px)}.classify-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.alamat-section,.rekening-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-top:-550px;min-height:calc(100vh - 180px);padding:25px;position:relative;z-index:10}.content-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.content-header h3{color:var(--text-dark);font-size:1.4rem;font-weight:600;margin-bottom:0}.content-actions{display:flex;flex-wrap:wrap;gap:10px}.content-body{margin-top:20px}.form-group{margin-bottom:20px}.form-label{color:var(--text-dark);display:block;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:8px;font-size:.9rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(155,230,76,.1);outline:none}.form-row{display:grid;gap:20px;grid-template-columns:1fr 1fr}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary{background-color:var(--primary-color);color:#333}.btn-primary:hover{background-color:#8bd43e;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-outline{background-color:transparent;border:1px solid #ddd;color:var(--text-dark)}.btn-outline:hover{background-color:#f8f9fa}.table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;margin-top:20px}.table{border-collapse:collapse;font-size:.9rem;width:100%}.table th{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;color:var(--text-dark);font-weight:600;padding:15px;text-align:left;white-space:nowrap}.table td{border-bottom:1px solid #eee;padding:15px;vertical-align:middle}.table tbody tr:hover td{background-color:#f8f9fa}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;padding:6px 12px;white-space:nowrap}.waste-img{border-radius:8px;height:60px;object-fit:cover;width:80px}.yellow-bg{background-color:#ffeeba;color:#856404}.blue-bg{background-color:#d1ecf1;color:#0c5460}.red-bg{background-color:#f8d7da;color:#721c24}.orange-bg{background-color:#ffe5d0;color:#d35400}.green-bg{background-color:#d4edda;color:#155724}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:20px;padding:20px}.card-header{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:10px}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:0}input[type=checkbox]{cursor:pointer}.dataTables_wrapper .dataTables_paginate .paginate_button{border:1px solid #ddd;border-radius:6px;margin-left:2px;padding:8px 12px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#e6e6e6;border:1px solid #ddd}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{margin-bottom:15px}.dataTables_wrapper .dataTables_info{margin-top:15px}@media (max-width:992px){.form-row{grid-template-columns:1fr}.content-header{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.main-content{height:100px;margin-left:0;padding:70px 15px 20px}.header-content{flex-direction:column-reverse}.user-profile{align-self:flex-end;margin-bottom:10px}.content-section{margin-top:15px;min-height:calc(100vh - 140px);padding:20px}.table td,.table th{padding:12px 10px}.waste-img{height:45px;width:60px}.btn{font-size:.85rem;padding:8px 16px}}@media (max-width:576px){:root{--header-height:120px}.dashboard-header h2{font-size:1.5rem}.content-actions{width:100%}.content-actions .btn{flex:1;justify-content:center}.table td,.table th{font-size:.85rem;padding:10px 8px}.waste-img{height:40px;width:50px}.status-badge{font-size:.75rem;padding:4px 8px}.form-control{padding:10px 12px}}@media (max-width:400px){.main-content{padding:70px 10px 15px}.user-profile{justify-content:flex-end;width:100%}.content-section{border-radius:12px;padding:15px}.table td,.table th{padding:8px 6px}.btn{font-size:.8rem;padding:8px 12px}}@media print{.content-actions{display:none!important}.main-content{background:none!important;height:auto!important;margin-left:0!important;padding:0!important}.content-section{box-shadow:none!important;margin:0!important;padding:0!important}.table{width:100%!important}.table th{background-color:transparent!important}}.alternative-section,.classification-results,.prediction-section{margin-bottom:1.5rem}.alternative-section h4,.prediction-section h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:.75rem}.top-prediction{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.prediction-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.alternative-item{border-bottom:1px solid #e9ecef;padding:.75rem 0}.alternative-item:last-child{border-bottom:none}.prediction-label{align-items:center;display:flex;font-weight:500;gap:.5rem}.color-indicator{border-radius:2px;display:inline-block;height:12px;width:12px}.confidence-score{color:#6c757d;font-size:.9rem;font-weight:500}.top-prediction .confidence-score{color:#28a745;font-weight:600}.alternative-predictions{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:.5rem 1rem}.sampah-section{background:#fff;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin-top:-550px;min-height:auto;padding:20px 15px;position:relative;z-index:10}.upload-box{background-color:#fff;border:2px dashed #333;border-radius:.5rem;cursor:pointer;padding:3rem 0;text-align:center;transition:all .3s ease}.upload-box:hover{background-color:#f8f9fa;border-color:var(--primary-color)}.upload-box.dragover{background-color:#e8f5e8;border-color:var(--primary-color);transform:scale(1.02)}.upload-box i{color:#6c757d;font-size:2rem;margin-bottom:.75rem;transition:color .3s ease}.upload-box:hover i{color:var(--primary-color)}.upload-box p{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.upload-box.has-image{background-color:#f8fff8;border:2px solid var(--primary-color);padding:1rem}.upload-box.has-image img{border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:300px;max-width:100%;object-fit:contain}.btn-classify{background:linear-gradient(135deg,#f1f864,#bceb3c 50%,#9be64c);border:none;border-radius:.5rem;box-shadow:0 4px 12px rgba(155,230,76,.3);color:#333;font-size:.9rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.btn-classify:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-classify:hover:not(:disabled){box-shadow:0 6px 20px rgba(155,230,76,.4);transform:translateY(-2px)}.btn-classify:hover:not(:disabled):before{left:100%}.btn-classify:active:not(:disabled){box-shadow:0 4px 12px rgba(155,230,76,.3);transform:translateY(0)}.btn-classify:disabled{background:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.result-card{background:#fff;border:1px solid #f0f0f0;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.1);margin:0 auto;max-width:64rem;overflow:hidden;padding:2rem 3rem;position:relative}.result-card:before{background:linear-gradient(90deg,#f1f864,#bceb3c,#9be64c);content:"";height:4px;left:0;position:absolute;right:0;top:0}.result-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.result-title:after{background:linear-gradient(90deg,#f1f864,#9be64c);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.result-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem}.result-content img{border:3px solid #f0f0f0;border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.1);height:280px;object-fit:cover;transition:transform .3s ease;width:280px}.result-content img:hover{transform:scale(1.05)}.result-text{flex:1;min-width:320px}.result-text p{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.result-text p span:first-child{color:#495057;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-text p span:last-child{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:5px solid var(--primary-color);border-radius:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.05);color:#212529;font-size:1.1rem;line-height:1.6;padding:1rem 1.25rem;transition:transform .2s ease}.result-text p span:last-child:hover{transform:translateX(5px)}.result-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.result-buttons .btn{background:linear-gradient(135deg,#f1f864,#bceb3c 50%,#9be64c);border:none;border-radius:.75rem;box-shadow:0 4px 12px rgba(155,230,76,.3);color:#333;flex:1;font-size:.85rem;font-weight:600;letter-spacing:.5px;max-width:250px;min-width:180px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.result-buttons .btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.result-buttons .btn:hover{box-shadow:0 8px 20px rgba(155,230,76,.4);transform:translateY(-3px)}.result-buttons .btn:hover:before{left:100%}.result-buttons .btn:active{box-shadow:0 4px 12px rgba(155,230,76,.3);transform:translateY(-1px)}.model-status{font-size:.9rem;font-weight:500;margin-top:.5rem}.model-status.loading{color:#6c757d}.model-status.success{color:#198754}.model-status.error{color:#dc3545}.loading{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--primary-color);display:inline-block;height:20px;margin-right:10px;vertical-align:middle;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-card{animation:fadeInUp .6s ease-out}.upload-section{background:#fff;border:1px solid #f0f0f0;border-radius:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.1);margin-bottom:2rem;padding:2.5rem}.upload-section-header{margin-bottom:2rem;text-align:center}.upload-section-header h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.upload-section-header p{color:#6c757d;font-size:.95rem;margin:0}input[type=file]{display:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(155,230,76,.4)}70%{box-shadow:0 0 0 10px rgba(155,230,76,0)}to{box-shadow:0 0 0 0 rgba(155,230,76,0)}}.upload-box.has-image{animation:pulse 2s infinite}@media (max-width:768px){.upload-section{border-radius:1rem;padding:1.5rem}.upload-box{padding:2rem 1rem}.upload-box i{font-size:1.5rem}.upload-box p{font-size:.8rem}.result-card{border-radius:1rem;padding:1.5rem}.result-content{align-items:center;flex-direction:column;gap:1.5rem}.result-content img{height:220px;width:220px}.result-text{min-width:auto;width:100%}.result-text p span:last-child{font-size:1rem;padding:.875rem 1rem}.result-buttons{flex-direction:column;gap:.75rem}.result-buttons .btn{max-width:none;min-width:auto;width:100%}.btn-classify{font-size:.85rem;padding:1rem;width:100%}.result-title{font-size:1.25rem;margin-bottom:1.5rem}}@media (max-width:480px){.upload-section{border:1px solid #f0f0f0;border-left:none;border-radius:0;border-right:none;box-shadow:none;margin:0 -15px 2rem;padding:1rem}.result-card{border:none;border-radius:0;border-top:1px solid #f0f0f0;box-shadow:none;margin:0 -15px;padding:1rem}.result-content img{height:180px;width:180px}.upload-box{border-radius:.375rem}.upload-section-header h3{font-size:1.25rem}}@media (prefers-color-scheme:dark){.result-card,.upload-section{background:#1a1a1a;border-color:#333}.upload-box{background-color:#222;border-color:#555}.upload-box i,.upload-box p{color:#ccc}.result-text p span:first-child,.result-text p span:last-child,.result-title{color:#fff}.result-text p span:last-child{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}}.user-avatar{display:inline-block;position:relative}.image-overlay{bottom:5px;position:absolute;right:5px}.upload-btn{align-items:center;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;height:35px;justify-content:center;padding:0;width:35px}.form-label{margin-bottom:.5rem}.invalid-feedback{display:block}.is-invalid{border-color:#dc3545}.invalid-feedback{display:none!important}@media (max-width:768px){.d-flex.gap-2{flex-direction:column}.d-flex.gap-2 button{margin-bottom:.5rem;width:100%}}.classify-btn.active{background-color:#0d6efd;color:#fff}.classify-btn.active i{color:#fff}.input-group .btn-outline-secondary{border-left:0}.password-strength-container{margin-top:.5rem}.password-strength-bar{background-color:#e9ecef;height:8px}.password-strength-bar .progress-bar{transition:all .3s ease}.strength-very-weak{background-color:#dc3545}.strength-weak{background-color:#fd7e14}.strength-fair{background-color:#ffc107}.strength-good{background-color:#20c997}.strength-strong{background-color:#198754}.password-requirements{list-style:none;padding-left:0}.requirement{margin-bottom:.5rem;transition:all .3s ease}.requirement.met i{color:#198754!important}.requirement.met i:before{content:"\\f26b"}.form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem rgba(13,110,253,.25)}.alert-info{background-color:#cff4fc;border-color:#b6effb;color:#055160}@media (max-width:768px){.d-flex.gap-2{flex-direction:column}.d-flex.gap-2 button{margin-bottom:.5rem;width:100%}.password-requirements{font-size:.875rem}}