:root{--ink:#172f28;--muted:#687b73;--green:#176146;--deep:#103e30;--lime:#d7ed97;--bg:#f5f7f5;--line:#e4eae5;--orange:#c87526;--blue:#397db8;--red:#b74e38;--radius:16px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.5 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:30px;font-weight:750;letter-spacing:-1.1px;line-height:1.3}h2{font-size:19px;font-weight:750;letter-spacing:-.4px}h3{font-size:16px;font-weight:700}small,.small{font-size:13px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 16px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;text-decoration:none;min-height:42px}.btn:hover{background:#f0f5f1}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.primary:hover{background:var(--deep)}.btn.quiet{border:0;background:transparent;color:var(--green)}.btn.danger{color:var(--red)}.btn.small{padding:6px 10px;min-height:34px;font-size:13px}.icon-btn{border:1px solid var(--line);background:#fff;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:16px}.full{width:100%}.mt{margin-top:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;object-fit:contain;background:white;border-radius:50%;padding:3px}.brand b{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px}.brand small{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.gie{display:flex;align-items:center;gap:10px}.gie img{width:42px;height:42px;object-fit:contain;background:white;border-radius:7px}.gie strong{font-size:12px;letter-spacing:.3px;display:block}.gie small{font-size:11px}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:238px;display:flex;flex-direction:column;padding:30px 20px;z-index:30}.sidebar .brand{padding:0 7px 32px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#8a968f;margin:17px 13px 12px}.nav-btn{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 14px;border:0;border-radius:9px;background:none;color:#718077;font-size:14px;font-weight:550;margin-bottom:5px}.nav-btn:hover{background:#f3f7f3}.nav-btn.active{background:#e9f2e9;color:var(--green);font-weight:700}.nav-btn.active:after{content:'';width:5px;height:5px;border-radius:100%;background:var(--green);margin-left:auto}.sidebar-bottom{margin-top:auto}.programme-card{background:#f1f5eb;border-radius:12px;padding:16px;margin:20px 0}.programme-card p{font-size:12px;color:#6c7e65;margin:8px 0 12px}.programme-card b{font-size:14px}.sidebar .gie{padding:17px 0 0;border-top:1px solid var(--line)}.main{grid-column:2;min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:12px}.breadcrumb{font-size:14px;color:#7c8980}.breadcrumb b{color:var(--ink);font-weight:500}.avatar{width:36px;height:36px;border-radius:50%;background:#e8eedb;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:13px}.user-info strong{font-size:13px;display:block}.user-info small{font-size:11px;color:var(--muted)}.content{max-width:1580px;padding:30px 34px 40px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.page-head p{margin-top:5px;color:var(--muted);font-size:14px}.head-actions{display:flex;gap:10px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#eaf3ec;color:var(--green);font-size:12px;font-weight:600;white-space:nowrap}.tag.orange,.tag.municipal{background:#fff2df;color:#a2641b}.tag.blue,.tag.reserved{background:#e8f1fa;color:#3c71a4}.tag.available{background:#fff0e8;color:#b36530}.tag.collected{background:#e9f5eb;color:#36744b}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{border:1px solid var(--line);border-radius:13px;background:#fff;padding:20px 21px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.stat-icon{width:34px;height:34px;border-radius:9px;background:#f0f5ed;display:grid;place-items:center;color:var(--green)}.stat strong{font:750 31px/1.5 Manrope,Arial,sans-serif;letter-spacing:-1px;display:block;margin-top:7px}.stat small{font-size:12px;color:var(--muted)}.stat.featured{background:var(--green);color:white;border-color:var(--green)}.stat.featured .stat-top,.stat.featured small{color:#d0e5d9}.stat.featured .stat-icon{background:#ffffff18;color:#daefa6}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:12px}.panel-header h2{font-size:16px}.panel-header p{font-size:12px;color:var(--muted);margin-top:3px}.panel-body{padding:0 22px 22px}.map{height:310px;background:#e9efea;isolation:isolate}.map.large{height:calc(100vh - 300px);min-height:400px}.map-footer{padding:12px 22px;display:flex;gap:20px;font-size:12px;color:var(--muted);flex-wrap:wrap}.legend{display:inline-flex;gap:6px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--green)}.dot.orange{background:#e39a53}.dot.blue{background:#538cb9}.dot.gray{background:#879790}.category-row{padding:15px 0;border-bottom:1px solid var(--line)}.category-row:last-child{border:0}.category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf5e6;color:#619044}.category-icon.recyclable{background:#eaf1fb;color:#447eaf}.category-icon.residual{background:#fbf1df;color:#bb9235}.category-name{font-size:14px;font-weight:600}.category-meta{font-size:12px;color:var(--muted)}.track{height:6px;background:#eef2ef;border-radius:5px;margin-top:13px;overflow:hidden}.track span{display:block;height:100%;background:#7fba61;border-radius:5px}.track.recyclable span{background:#6fa0cb}.track.residual span{background:#d9b467}.callout{background:#f1f6eb;padding:15px;border-radius:10px;margin-top:18px;font-size:12px;line-height:1.6;color:#627b53}.callout strong{display:block;color:#395d2f;font-size:13px;margin-bottom:3px}.table-panel{margin-top:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{background:#f9faf8;color:#8a958e;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:12px 22px;white-space:nowrap}td{padding:14px 22px;border-top:1px solid #f0f2ed;vertical-align:middle}td b{font-size:13px;font-weight:600}td small{display:block;color:var(--muted);font-size:11px}td .category-icon{width:30px;height:30px;border-radius:7px}td .category-icon svg{width:16px;height:16px}.link-btn{border:0;background:none;padding:7px 0;font-size:13px;color:var(--green);font-weight:600;cursor:pointer}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.filters input{max-width:300px}.filters select{max-width:230px}.filters .count{margin-left:auto;font-size:13px;color:var(--muted)}input,select,textarea{border:1px solid #dce4dd;background:#fff;color:var(--ink);border-radius:8px;min-height:44px;padding:10px 12px;width:100%;outline:none;font-size:14px}input:focus,select:focus,textarea:focus{border-color:#639980;box-shadow:0 0 0 3px #17614615}input[type=checkbox]{min-height:18px;width:18px;accent-color:var(--green)}label{font-size:13px;font-weight:600;display:grid;gap:7px}label.check{display:flex;align-items:flex-start;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.span2{grid-column:1/-1}.empty{padding:44px 24px;text-align:center;color:var(--muted);font-size:14px}.empty h3{color:var(--ink);margin:10px}.mobile-menu{display:none}.banner{padding:11px 16px;border:1px solid #e2c996;background:#fff7e6;color:#8b6325;font-size:13px;border-radius:9px;margin-bottom:20px}.notification-count{background:var(--orange);width:7px;height:7px;border-radius:50%;position:absolute;margin:-27px 0 0 27px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.enterprise-card{padding:23px}.enterprise-card .category-icon{margin-bottom:16px}.enterprise-card h2{margin-bottom:7px}.capacity{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.capacity:last-child{border:0}.capacity p{font-size:12px;color:var(--muted)}.home-welcome{background:var(--deep);color:#fff;border-radius:18px;padding:28px 30px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.home-welcome p{color:#bbd0c5;font-size:14px;margin-top:9px;max-width:520px}.home-welcome .eyebrow{color:var(--lime);margin-bottom:8px}.home-welcome .icon{width:50px;height:50px;color:var(--lime)}.bin-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;border-top:4px solid #7cad63}.bin-card.recyclable{border-top-color:#6296c2}.bin-card.residual{border-top-color:#d6b35c}.bin-card .category-icon{width:54px;height:54px;border-radius:14px;margin-bottom:20px}.bin-card .category-icon svg{width:28px;height:28px}.bin-card h2{font-size:20px}.bin-card p{font-size:14px;color:var(--muted);margin:8px 0 18px;min-height:42px}.bin-card .bin-volume{font-size:13px;color:var(--muted);margin-bottom:16px}.bin-card .tag{margin-bottom:18px}.household-layout{max-width:1150px}.notice{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.notice:last-child{border:0}.notice p{font-size:14px}.notice small{font-size:12px;color:var(--muted)}.notice .icon{color:var(--green);margin-top:2px}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:var(--deep);color:white;display:flex;flex-direction:column;padding:48px 65px;position:relative;overflow:hidden}.auth-story .brand{margin-bottom:80px}.auth-story h1{font-size:52px;max-width:480px;font-weight:650;letter-spacing:-2px;line-height:1.15}.auth-story h1 em{color:var(--lime);font-style:normal}.auth-story>p{color:#bacfc4;max-width:390px;margin:24px 0;font-size:17px}.auth-steps{display:grid;gap:24px;margin:34px 0 60px}.auth-step{display:flex;gap:16px;align-items:center}.auth-step>span{width:42px;height:42px;border:1px solid #527562;border-radius:12px;display:grid;place-items:center;color:var(--lime)}.auth-step strong{font-size:15px;font-weight:500}.auth-step p{font-size:13px;color:#a9c0b4;margin-top:3px}.auth-story .gie{margin-top:auto}.auth-main{display:flex;align-items:center;justify-content:center;padding:48px;background:#fff}.auth-box{width:100%;max-width:390px}.auth-box h2{font-size:30px;margin:12px 0 9px}.auth-box>p{font-size:14px;color:var(--muted);margin-bottom:30px}.auth-box form{display:grid;gap:18px}.auth-footer{text-align:center;font-size:13px;color:var(--muted);margin-top:22px}.auth-box .eyebrow{color:var(--green)}.error{color:#ae402c;background:#fff0eb;border-radius:8px;padding:12px;font-size:13px}.demo-login{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.demo-login>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.demo-options{display:flex;gap:7px}.demo-options button{font-size:12px;padding:8px 10px;flex:1}.auth-register{max-width:600px}.privacy{font-size:12px;color:var(--muted);line-height:1.6}.offline{background:#fff2df;padding:12px;border-radius:8px;font-size:14px}dialog{border:0;border-radius:18px;width:min(580px,calc(100% - 30px));padding:0;box-shadow:0 25px 90px #0a291e35;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#12271e65;backdrop-filter:blur(3px)}.dialog-head{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.dialog-body{padding:24px 26px}.dialog-body form{display:grid;gap:17px}.dialog-body .description{font-size:14px;color:var(--muted);margin-bottom:20px}.dialog-body img.report-photo{width:100%;max-height:270px;object-fit:contain;background:#f3f5f1;border-radius:10px;margin-bottom:18px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.detail-grid small{color:var(--muted);display:block}.detail-grid p{font-size:14px;margin-top:2px}.upload{padding:25px;border:2px dashed #d2dfd3;background:#f6faf4;border-radius:12px;text-align:center;display:grid;justify-items:center;gap:12px}.upload input{max-width:100%;font-size:13px}.upload img{max-height:160px;max-width:100%;border-radius:8px}.upload .icon{width:30px;height:30px;color:var(--green)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--deep);color:#fff;padding:13px 22px;border-radius:10px;box-shadow:0 7px 25px #17332230;z-index:1000;font-size:14px;display:none;max-width:90vw}.leaflet-container{font-family:'DM Sans',Arial,sans-serif}.leaflet-popup-content{font-size:13px;line-height:1.6}.map-marker{display:grid;place-items:center;width:25px;height:25px;border:3px solid white;border-radius:50%;background:#56855b;color:white;box-shadow:0 2px 7px #16392140;font-size:11px}.map-marker.full{background:#d58b45}.map-marker.enterprise{background:#427fad;border-radius:7px}.map-marker.pending{background:#92a198}.leaflet-control-attribution{font-size:10px!important}.footer{font-size:11px;color:#8b988f;margin-top:28px;display:flex;justify-content:space-between;gap:14px}.auth .footer{display:block}button:focus-visible,a:focus-visible{outline:3px solid #9cbe72;outline-offset:3px}.report-controls{display:flex;gap:10px;flex-wrap:wrap}.photo-hint{font-size:12px;color:var(--muted)}
@media(min-width:1600px){.content{padding-top:40px}.map{height:380px}}@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px;padding:25px 14px}.content{padding:25px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px}.stat-top{font-size:12px}.auth-story{padding:40px}.auth-story h1{font-size:43px}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.stats{gap:10px}.stat strong{font-size:26px}.auth{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh;padding:30px}.page-head{align-items:flex-start}.page-head h1{font-size:25px}.head-actions .btn{padding:9px 11px}.user-info{display:none}}
@media(max-width:700px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 50px #11331d22;width:238px}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 17px}.breadcrumb{font-size:12px}.breadcrumb .optional{display:none}.content{padding:23px 17px}.page-head{margin-bottom:20px;gap:10px;flex-wrap:wrap}.page-head h1{font-size:26px}.page-head p{font-size:13px}.stats{grid-template-columns:1fr 1fr;margin-bottom:19px}.stat{padding:15px}.stat strong{font-size:27px}.stat small{font-size:11px}.stat-icon{width:29px;height:29px}.cards{grid-template-columns:1fr}.map{height:285px}.panel-header{padding:17px}.panel-body{padding:0 17px 17px}.dashboard-grid{gap:18px}.panel-header h2{font-size:16px}.map-footer{padding:12px 17px;gap:12px}.home-welcome{padding:24px;margin-bottom:20px}.home-welcome h1{font-size:25px}.home-welcome>svg{display:none}.bin-card{padding:22px}.bin-card p{min-height:0}.bin-card .category-icon{float:right;margin:0}.filters input{max-width:none}.filters select{flex:1;max-width:none}.auth-main{padding:26px}.auth-box h2{font-size:27px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.head-actions{width:100%;margin-top:4px}.footer{flex-direction:column}.dialog-body{padding:21px}.dialog-head{padding:20px}.table-panel{margin-top:18px}th,td{padding:13px 16px}.map.large{height:60vh}.brand b{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}