:root{--primary:#1b6e4f;--primary-light:#2ecc71;--primary-dark:#0f4c35;--secondary:#4ecdc4;--tertiary:#ffe66d;--accent:#ff6b6b;--success:#51cf66;--warning:#ffa94d;--error:#ff6b6b;--light:#f8fafc;--light-bg:#f5f5f5;--dark:#2d3e50;--text-secondary:#7a8a99;--border:#e0e0e0;--white:#fff;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}*{box-sizing:border-box}body{background:var(--light);color:var(--dark);margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{height:100vh;display:flex}.sidebar{background:var(--primary-dark);color:#fff;box-sizing:border-box;width:260px;padding:20px;transition:width .3s;overflow-y:auto}.sidebar.collapsed{width:72px}.logo{letter-spacing:1px;margin-bottom:24px;font-size:20px;font-weight:700}.nav{flex-direction:column;gap:8px;display:flex}.nav button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px;font-weight:500;transition:all .3s}.nav button:hover{background:#ffffff1a}.nav button.active{background:var(--primary-light);color:#fff}.main{flex-direction:column;flex:1;display:flex}.header{height:70px;box-shadow:var(--shadow-md);border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.content{background:var(--light);flex:1;padding:24px;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.card{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;padding:20px;transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h4{color:var(--dark);margin:0 0 12px;font-size:16px;font-weight:700}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{background:var(--light-bg);text-align:left;color:var(--dark);border-bottom:2px solid var(--border);padding:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);padding:12px}.table tr:hover{background:var(--light)}.badge{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.badge.open{color:#e65100;background:#fff3e0}.badge.in_progress{color:#1565c0;background:#e3f2fd}.badge.cleaned{color:#2e7d32;background:#e8f5e9}.badge.manual_review{color:#6a1b9a;background:#f3e5f5}.controls{align-items:center;gap:12px;display:flex}.mobile-app{background:var(--light);min-height:100vh;padding-bottom:80px}.mobile-header{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;box-shadow:var(--shadow-lg);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-logo{flex-direction:column;line-height:1.2;display:flex}.profile-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex}.profile-btn:hover{background:#ffffff4d;transform:scale(1.1)}.reward-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;min-height:140px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;justify-content:center;margin:20px;padding:24px;display:flex;position:relative;overflow:hidden}.reward-card h2{margin:0;font-size:32px;font-weight:700}.reward-card p{opacity:.9;margin:8px 0 0;font-size:14px}.section{margin:24px 20px}.section-title{color:var(--dark);margin:0 0 12px;font-size:16px;font-weight:700}.quick-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.action-btn{border:1px solid var(--border);cursor:pointer;color:var(--dark);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-btn-icon{font-size:24px}.stat-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.stat-card-icon{font-size:28px}.stat-card-value{color:var(--primary);font-size:24px;font-weight:700}.stat-card-label{color:var(--text-secondary);font-size:12px;font-weight:500}.task-item{border-left:4px solid var(--primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s}.task-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.task-title{color:var(--dark);margin:0 0 6px;font-weight:700}.task-subtitle{color:var(--text-secondary);margin:0;font-size:13px}.btn-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s}.btn-gradient:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-gradient:active{transform:translateY(0)}.status-indicator{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-dot.active{background:var(--success)}.status-dot.inactive{background:#CCCCCCC}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out slideIn}@media (width<=768px){.app{flex-direction:column}.sidebar{width:100%;height:auto;padding:12px}.main{flex:1}.header{height:auto}.content{padding:12px}.grid{grid-template-columns:1fr;gap:12px}.stat-row{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}.table{font-size:12px}.table th,.table td{padding:8px}}.action-btn:active{transform:scale(.96)}.action-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.action-label{color:#374151;text-align:center;font-size:13px;font-weight:500;line-height:1.3}.announcement-card{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}.announcement-icon{background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.announcement-content{flex:1}.announcement-arrow{flex-shrink:0}.mobile-bottom-nav{background:#fff;border-top:1px solid #f3f4f6;justify-content:space-around;align-items:center;padding:8px 8px 12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000014}.nav-item{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:80px;padding:4px;font-size:11px;display:flex}.nav-item:active{color:var(--green)}.nav-center{margin-top:-24px;position:relative}.nav-center-circle{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #10b98166}.mobile-screen{background:#f8f9fa;min-height:100vh;padding-bottom:20px}.mobile-screen-header{color:#fff;background:#10b981;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000001a}.mobile-screen-header h2{margin:0;font-size:18px;font-weight:700}.back-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-content{padding:16px 20px}.settings-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0000000f}.settings-list{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.settings-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;width:100%;padding:16px;display:flex}.settings-item:last-child{border-bottom:none}.settings-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-label{color:#111827;flex:1;font-size:15px;font-weight:500}.toggle-switch{flex-shrink:0;width:48px;height:28px;position:relative}.logout-btn{color:#dc2626;cursor:pointer;background:#fff;border:2px solid #dc2626;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700}.search-bar{background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000000f}.search-bar input{color:#111827;border:none;outline:none;flex:1;font-size:15px}.search-bar input::placeholder{color:#9ca3af}.groups-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.group-card{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}:root{--alan-primary:#ff8c00;--alan-bg:#1a1a1a;--alan-surface:#262626;--alan-text:#fff;--alan-muted:#cfcfcf}body.landing,body.landing *{box-sizing:border-box}body.landing{background:var(--alan-bg);color:var(--alan-text);margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial}.alan-header{background:var(--alan-surface);text-align:center;border-bottom:4px solid #ffffff08;padding:18px 24px}.alan-header .logo{color:#fff;font-size:22px;font-weight:800}.alan-logo-img{width:160px;height:auto;display:block}.alan-header .logo,.alan-logo-img{filter:drop-shadow(0 1px #0009)}.alan-nav{background:var(--alan-primary);color:#fff;text-transform:uppercase;justify-content:center;gap:20px;padding:12px 8px;font-weight:700;display:flex}.alan-nav a{color:#fff;letter-spacing:.6px;text-decoration:none}.alan-hero{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}.alan-hero:after{content:"";background:linear-gradient(#1a1a1a59,#1a1a1aa6);position:absolute;inset:0}.alan-hero .hero-content{z-index:2;text-align:left;max-width:1100px;padding:40px;position:relative}.alan-hero h1{color:var(--alan-text);margin:0;font-size:48px;font-weight:800;line-height:1.02}.alan-hero h1 .alan-accent{color:var(--alan-primary)}.alan-hero p{color:var(--alan-muted);margin-top:12px;font-size:16px}.alan-logo-wrap{line-height:0;display:inline-block;position:relative}.alan-logo-img{filter:drop-shadow(0 6px 12px #00000073);transform-origin:50%;width:160px;height:auto;transition:transform .22s,filter .22s;display:block}.alan-logo-wrap:hover .alan-logo-img,.alan-logo-wrap:focus-within .alan-logo-img{filter:drop-shadow(0 10px 20px #00000080);transform:translateY(-4px)scale(1.02)}.alan-logo-wrap:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.95;background:linear-gradient(120deg,#ffc87800 0%,#ffe6aa1f 18%,#ffffff47 34%,#ffc8780f 70%,#ffa02824 100%);transition:opacity .22s,transform .36s cubic-bezier(.2,.9,.3,1);position:absolute;inset:0;transform:translateY(-6%)}.alan-logo-wrap:hover:after,.alan-logo-wrap:focus-within:after{opacity:1;transform:translateY(-12%)}@supports not (mix-blend-mode:overlay){.alan-logo-img{filter:sepia(.25)saturate(1.4)hue-rotate(-10deg)contrast(1.02)drop-shadow(0 6px 12px #00000073)}}.section{padding:56px 20px}.section .section-inner{max-width:1100px;margin:0 auto}.section-title{color:var(--alan-text);text-align:center;margin:0 0 18px;font-size:24px;font-weight:700}.divider{background:var(--alan-primary);border-radius:4px;width:56px;height:4px;margin:10px auto 28px}.services-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.service-item{color:var(--alan-text);align-items:flex-start;gap:16px;display:flex}.service-icon{border:2px solid var(--alan-primary);width:64px;height:64px;color:var(--alan-primary);border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.service-body h4{margin:0 0 6px;font-size:18px}.service-body p{color:var(--alan-muted);margin:0}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.portfolio-item img{object-fit:cover;border-radius:12px;width:100%;height:180px}.portfolio-cta{justify-content:center;margin-top:22px;display:flex}.outline-btn{color:#fff;background:0 0;border:2px solid #fff;border-radius:8px;padding:10px 18px;font-weight:700}.alan-footer{background:var(--alan-primary);color:#fff;padding:36px 20px}.alan-footer .cols{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.alan-footer h5{margin:0 0 10px;font-weight:700}.alan-footer p,.alan-footer a{color:#fff;margin:0}.alan-footer .bottom-bar{text-align:center;background:#00000026;margin-top:18px;padding:12px}@media (width<=900px){.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.alan-hero h1{font-size:36px}}.service-item{outline:none}.service-item:focus-within{border-radius:8px;box-shadow:0 6px 20px #ff8c0024}.service-icon svg{display:block}@media (width<=600px){.alan-nav{flex-wrap:wrap;padding:10px 8px}.alan-nav a{font-size:12px}.alan-hero{min-height:320px}.alan-hero .hero-content{padding:20px}.alan-hero h1{font-size:28px}.portfolio-grid,.alan-footer .cols{grid-template-columns:1fr}}.group-icon{background:#ecfdf5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.group-info{flex:1}.group-name{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.group-members{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.join-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex-shrink:0;padding:8px 20px;font-size:14px;font-weight:600}.create-group-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 12px #10b9814d}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-content.create-group-modal{max-width:500px}.modal-content input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;outline:none;width:100%;height:6px}.modal-content input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#10b981;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.modal-content input[type=range]::-moz-range-thumb{cursor:pointer;background:#10b981;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.emergency-screen .mobile-content{padding:16px 20px 80px}.emergency-upload{margin-bottom:20px}.upload-area{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:8px;display:flex;box-shadow:0 4px 12px #dc26264d}.emergency-warning{color:#dc2626;text-align:center;background:#fef2f2;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.danger-types{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.danger-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;transition:all .2s;display:flex}.danger-btn.active{background:#fef2f2;border-color:#dc2626}.emergency-toggle{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}.emergency-textarea{resize:none;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;width:100%;margin-bottom:16px;padding:12px;font-family:inherit;font-size:15px}.emergency-textarea::placeholder{color:#9ca3af}.emergency-submit{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;width:100%;padding:16px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #dc26264d}.emergency-call-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.ranking-filters{gap:8px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chip{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:600}.filter-chip.active{color:#fff;background:#10b981;border-color:#10b981}.rankings-list{flex-direction:column;gap:12px;display:flex}.ranking-card{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #0000000f}.rank-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ranking-info{flex:1}.ranking-name{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.ranking-members{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.ranking-points{text-align:right;flex-shrink:0}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;padding:24px;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-sheet{border-radius:16px 16px 0 0;max-width:100%;animation:.3s slideUpSheet;position:fixed;bottom:0;left:0;right:0}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-sheet-btn{cursor:pointer;background:#f8f9fa;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:16px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.action-sheet-btn:hover{background:#e9ecef}.action-sheet-btn.cancel{color:#6c757d;background:#fff;border:2px solid #dee2e6;margin-top:8px}.report-form .form-group{margin-bottom:20px}.report-form label{color:#111827;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-btn{text-align:left;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:14px;font-size:15px;transition:border-color .2s}.input-btn:hover{border-color:#10b981}.input-select{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:15px}.btn-cancel{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#f3f4f6}.btn-submit{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:background .2s}.btn-submit:hover{background:#059669}.btn-close{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:600}.events-list{max-height:70vh}.event-item{background:#f8f9fa;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.event-icon{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.event-info{flex:1}.event-title{color:#111827;margin-bottom:4px;font-size:15px;font-weight:600}.event-meta{color:#6b7280;margin-bottom:2px;font-size:13px}.event-time{color:#10b981;font-size:12px;font-weight:600}.event-join-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600}.notification-setting-item{background:#f8f9fa;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;padding:16px;display:flex}.security-option{background:#f8f9fa;border-radius:12px;padding:16px}body.dark-mode{color:#e0e0e0;background:#121212}body.dark-mode .mobile-app{background:#1e1e1e}body.dark-mode .mobile-header{background:#2a2a2a}body.dark-mode .reward-card{background:linear-gradient(135deg,#1e7a5a 0%,#0d5a46 100%)}body.dark-mode .action-btn,body.dark-mode .settings-card,body.dark-mode .settings-list,body.dark-mode .announcement-card,body.dark-mode .event-item,body.dark-mode .notification-setting-item,body.dark-mode .security-option{color:#e0e0e0;background:#2a2a2a}body.dark-mode .section-title,body.dark-mode .settings-label,body.dark-mode .action-label{color:#e0e0e0}body.dark-mode .mobile-bottom-nav{background:#2a2a2a;border-top-color:#3a3a3a}body.dark-mode .nav-center-circle{background:linear-gradient(135deg,#1e7a5a 0%,#0d5a46 100%)}body.dark-mode .modal-content{color:#e0e0e0;background:#2a2a2a}body.dark-mode .input-select,body.dark-mode .input-btn,body.dark-mode .btn-cancel{color:#e0e0e0;background:#1e1e1e;border-color:#3a3a3a}.toggle-switch{width:48px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#cbd5e1;border-radius:28px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.toggle-slider{background:#10b981}input:checked+.toggle-slider:before{transform:translate(20px)}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-size:15px;font-weight:600;transition:background .2s}.logout-btn:hover{background:#dc2626}.scrollable-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto}.list-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f3f4f6;align-items:center;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.list-item:hover{background:#f9fafb}.list-item:last-child{border-bottom:none}.list-item.selected{color:#10b981;background:#ecfdf5;font-weight:600}.address-selector .form-group{margin-bottom:20px}body.dark-mode .scrollable-list{background:#1e1e1e;border-color:#3a3a3a}body.dark-mode .list-item{color:#e0e0e0;background:#1e1e1e;border-bottom-color:#3a3a3a}body.dark-mode .list-item:hover{background:#2a2a2a}body.dark-mode .list-item.selected{color:#10b981;background:#0d5a46}@media (width<=900px){.grid{grid-template-columns:1fr}}.custom-map-tooltip b{color:#2d6a4f}@keyframes fadeDown{0%{opacity:0;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(8px)}}@keyframes floatLeaf1{0%{opacity:.15;transform:translateY(0)rotate(0)}50%{opacity:.3;transform:translateY(-25px)rotate(15deg)}to{opacity:.15;transform:translateY(0)rotate(0)}}@keyframes floatLeaf2{0%{opacity:.1;transform:translateY(0)rotate(0)}50%{opacity:.25;transform:translateY(-35px)rotate(-12deg)}to{opacity:.1;transform:translateY(0)rotate(0)}}.temiz-dunya-app-container{background:#0f172a;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.temiz-dunya-iframe{border:0;flex:1;width:100%;height:100%;min-height:100dvh;display:block}@media (width<=768px){.temiz-dunya-app-container{width:100vw;height:100dvh;min-height:100dvh;margin:0;padding:0}.temiz-dunya-iframe{width:100%;height:100dvh;min-height:100dvh}}