@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;700&display=swap";
:root{--bg-canvas:#f3f8ee;--bg-secondary:#e5f1df;--bg-ink:#14532d;--bg-panel:#eef7e9;--bg-panel-dark:#0f3d20;--bg-panel-mid:#e5f1df;--bg-rule:#c8dcc5;--text-ink:#102a1a;--text-muted:#52665a;--text-dim:#7a9180;--text-ghost:#a8c4ae;--text-inverse:#f3f8ee;--rule-heavy:#14532d;--rule-medium:#52665a;--rule-light:#c8dcc5;--rule-ghost:#d9eddb;--status-critical:#102a1a;--status-warning:#b45309;--status-safe:#84cc16;--status-offline:#c8dcc5;--fill-critical:#166534;--fill-warning:#d97706;--fill-safe:#4caf50;--fill-lime:#84cc16;--brand-forest:#14532d;--brand-cta:#166534;--brand-emerald:#16803c;--brand-fresh:#4caf50;--brand-lime:#84cc16;--primary:#166534;--primary-glow:#1665341f;--secondary:#16803c;--secondary-glow:#16803c1a;--success:#4caf50;--success-glow:#4caf501f;--warning:#d97706;--warning-glow:#d977061f;--danger:#b91c1c;--danger-glow:#b91c1c1f;--panel-border:#c8dcc5;--panel-border-hover:#14532d;--font-heading:"Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:2rem;--sp-xl:4rem;--sp-2xl:8rem;--text-xs:.65rem;--text-sm:.8rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--text-3xl:4rem;--text-4xl:6rem;--text-5xl:9rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--bg-canvas);color:var(--text-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}input,select,textarea{color:#102a1a;background:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-ink);font-weight:700;line-height:1.05}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#e5f1df8c 0%,#c8dcc52e 60%,#0000 80%);border-radius:40% 60% 70% 30%/40% 50% 60%;width:520px;height:520px;animation:18s ease-in-out infinite alternate leafDrift1;position:fixed;top:-180px;right:-180px}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#e5f1df66 0%,#eef7e926 60%,#0000 80%);border-radius:60% 40% 30% 70%/50% 60% 40% 50%;width:380px;height:380px;animation:22s ease-in-out infinite alternate leafDrift2;position:fixed;bottom:-120px;left:-120px}@keyframes leafDrift1{0%{opacity:.7;transform:rotate(0)scale(1)}to{opacity:.9;transform:rotate(12deg)scale(1.06)}}@keyframes leafDrift2{0%{opacity:.5;transform:rotate(0)scale(1)}to{opacity:.75;transform:rotate(-10deg)scale(1.08)}}.echo-text{color:var(--text-ink);display:inline-block;position:relative}.echo-text:before,.echo-text:after{content:attr(data-text);width:100%;color:var(--text-ink);pointer-events:none;position:absolute;top:0;left:0}.echo-text:before{opacity:.12;transform:translate(3px,4px)}.echo-text:after{opacity:.05;transform:translate(6px,8px)}.echo-deep{text-shadow:4px 5px #102a1a1a,8px 10px #102a1a0f,12px 15px #102a1a0a,16px 20px #102a1a05}.echo-inverse{text-shadow:4px 5px #e5f1df1f,8px 10px #e5f1df0f,12px 15px #e5f1df08}.editorial-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.ruled-line{background:var(--rule-heavy);width:100%;height:1px;margin:0}.ruled-line-light{background:var(--rule-light);width:100%;height:1px;margin:0}.ruled-header{border-top:3px solid var(--rule-heavy);border-bottom:1px solid var(--rule-heavy);padding:.65rem 0}.gradient-text{color:var(--brand-emerald);-webkit-text-fill-color:var(--brand-emerald);background:0 0}.gradient-text-alt{color:var(--brand-forest);-webkit-text-fill-color:var(--brand-forest);background:0 0}.landing-section{border-bottom:1px solid var(--rule-light);flex-direction:column;justify-content:center;min-height:80vh;padding:5rem 0;scroll-margin-top:80px;display:flex;position:relative}.landing-main{max-width:1440px;margin:0 auto;padding:0 3rem}.uiverse-divider-beam{background:var(--rule-light);width:100%;height:1px;margin:1rem 0}.glass-panel{background:var(--bg-panel);border:1px solid var(--rule-light);border-radius:.5rem;padding:2rem;transition:border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.glass-panel:hover{border-color:var(--brand-emerald);box-shadow:0 4px 24px #14532d1a,0 1px 4px #14532d0f}.glass-card{background:var(--bg-panel);border:1px solid var(--rule-light);border-radius:.5rem;padding:1.5rem;transition:all .22s}.glass-card:hover{border-color:var(--brand-forest);transform:translateY(-2px);box-shadow:0 4px 18px #14532d1a}.glow-orb,.orb-1,.orb-2,.orb-3,.bg-grid-pattern{display:none}.btn-primary{background:var(--brand-cta);border:2px solid var(--brand-cta);color:#fff;font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:.375rem;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn-primary:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 16px #16653447}.btn-secondary{border:2px solid var(--brand-cta);color:var(--brand-cta);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:.375rem;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn-secondary:hover{color:var(--brand-forest);background:#16653414;transform:translateY(-1px);box-shadow:0 4px 14px #16653429}.uiverse-btn-glow{background:var(--brand-cta);border:2px solid var(--brand-cta);color:#fff;font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:.375rem;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.uiverse-btn-glow:before{display:none}.uiverse-btn-glow:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-2px);box-shadow:0 6px 20px #16653452}.status-tag{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:.25rem;align-items:center;gap:.4rem;padding:.25rem .65rem;font-weight:700;display:inline-flex}.status-online{color:var(--brand-lime);text-shadow:0 0 8px #84cc1666;background:#14532de0;border-color:#84cc1680}.status-offline{background:var(--bg-ink);color:#f3f8ee99;border-color:#c8dcc54d}.status-warning{color:#b45309;background:#b4530926;border-color:#b4530966}.collab-badge{border:1px solid var(--rule-light);background:#e5f1df99;border-radius:2rem;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.4rem .9rem;display:inline-flex}.footer-nav-link{color:#e5f1df8c;font-size:.85rem;font-family:var(--font-body);text-decoration:none;transition:color .18s;display:inline-block}.footer-nav-link:hover{color:var(--text-inverse)}.public-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;border-bottom:1px solid var(--rule-light);background:#f3f8eef5;justify-content:space-between;align-items:center;height:64px;padding:0 3rem;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #14532d0f}.nav-brand-text{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--brand-forest);font-size:1.15rem;font-weight:700;text-decoration:none}.brand-icon{background:var(--brand-forest);border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.public-nav-links{align-items:center;gap:0;display:flex}.public-nav-links a{color:var(--text-muted);font-family:var(--font-mono);font-weight:500;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;border-left:1px solid var(--rule-ghost);align-items:center;height:64px;padding:0 1.35rem;text-decoration:none;transition:color .18s,background .18s;display:flex;position:relative}.public-nav-links a:first-child{border-left:none}.public-nav-links a:hover{color:var(--brand-forest);background:var(--bg-panel-mid)}.public-nav-links a.active{color:var(--brand-forest);font-weight:700}.public-nav-links a.active:after{content:"";background:var(--brand-emerald);height:3px;box-shadow:none;border-radius:2px 2px 0 0;position:absolute;bottom:0;left:0;right:0}.public-nav-links a.btn-primary{background:var(--brand-cta);color:#fff;border:2px solid var(--brand-cta);border-left:none;border-radius:.375rem;height:auto;margin-left:1.5rem;padding:.6rem 1.25rem}.public-nav-links a.btn-primary:hover{color:#fff;background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 14px #16653447}.admin-layout-wrapper{background:var(--bg-canvas);width:100%;min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-ink);z-index:100;border-right:none;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #e5f1df26;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:0;padding:1rem 0;display:flex}.sidebar-link{color:#e5f1df8c;font-family:var(--font-mono);font-weight:500;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.85rem 1.5rem;text-decoration:none;transition:color .18s,background .18s;display:flex}.sidebar-link:hover{color:var(--text-inverse);background:#e5f1df14}.sidebar-link.active{color:var(--text-inverse);border-left:3px solid var(--brand-lime);background:#e5f1df1a}.sidebar-link--light{color:var(--text-muted);background:0 0;border-left:3px solid #0000}.sidebar-link--light:hover{color:var(--brand-forest);background:var(--bg-panel-mid)}.sidebar-bottom{border-top:1px solid #e5f1df26;padding:.5rem 0}.admin-main-container{background:var(--bg-canvas);flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.dashboard-header-simple{border-bottom:1px solid var(--rule-light);z-index:90;background:#f3f8eef7;padding:1rem 3rem;position:sticky;top:0;box-shadow:0 1px 8px #14532d0d}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:3rem}.uiverse-card-tilt{background:var(--bg-panel);border:1px solid var(--rule-light);border-radius:.625rem;padding:2rem;transition:all .22s;position:relative;overflow:hidden}.uiverse-card-tilt:hover{border-color:var(--brand-emerald);transform:translateY(-3px);box-shadow:0 8px 28px #14532d1a}.uiverse-hero-image-wrap{border:2px solid var(--brand-forest);border-radius:.75rem;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 8px 32px #14532d24}.uiverse-hero-image-wrap:hover{transform:translateY(-4px);box-shadow:0 16px 48px #14532d38}.bin-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.bin-card{background:var(--bg-panel);border:1px solid var(--rule-light);cursor:pointer;border-radius:.625rem;flex-direction:column;gap:1rem;padding:1.75rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.bin-card:hover{background:var(--bg-panel);border-color:var(--brand-emerald);transform:translateY(-2px);box-shadow:0 6px 22px #14532d1a}.bin-card-header{justify-content:space-between;align-items:flex-start;display:flex}.bin-card-name{color:var(--text-ink);font-size:1rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em}.bin-card-visual{justify-content:center;align-items:center;margin:.25rem 0;display:flex}.bin-card-body-wrap{flex-direction:column;align-items:center;display:flex}.bin-card-bar-wrap{width:100%}.bin-card-bar-track{background:var(--rule-ghost);border-radius:0;height:4px;overflow:hidden}.bin-card-bar-fill{border-radius:0;height:100%;transition:width .8s,background .5s}.bin-card-footer{justify-content:space-between;align-items:center;display:flex}.bin-card-id{font-size:var(--text-xs);color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em}.bin-card-cta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.liquid-container{border:2px solid var(--brand-fresh);background:var(--bg-secondary);border-radius:.625rem;justify-content:center;align-items:center;width:130px;height:130px;margin:.5rem auto;transition:all .4s;display:flex;position:relative;overflow:hidden}.liquid-container.state-empty{border-color:var(--brand-fresh)}.liquid-container.state-medium{border-color:var(--fill-warning)}.liquid-container.state-full{border-color:var(--fill-critical);animation:2s infinite alternate pulseEdge}@keyframes pulseEdge{0%{box-shadow:0 0 #16653433}to{box-shadow:0 0 0 6px #16653426}}.liquid-wave{background-color:var(--fill-safe);width:100%;transition:height 1s cubic-bezier(.4,0,.2,1),background-color .8s;position:absolute;bottom:0;left:0}.liquid-wave svg{width:220%;height:30px;position:absolute;top:-29px;left:0}.wave-back-path{fill:var(--fill-safe);opacity:.35;animation:6s linear infinite waveSlide}.wave-front-path{fill:var(--fill-safe);opacity:.9;animation:3s linear infinite waveSlide}.state-medium .wave-back-path,.state-medium .wave-front-path{fill:var(--fill-warning)}.state-medium .liquid-wave{background-color:var(--fill-warning)}.state-full .wave-back-path,.state-full .wave-front-path{fill:var(--fill-critical)}.state-full .liquid-wave{background-color:var(--fill-critical)}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}.gauge-val-display{z-index:5;font-size:1.85rem;font-family:var(--font-heading);color:var(--text-ink);mix-blend-mode:multiply;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex;position:relative}.state-full .gauge-val-display{color:var(--text-inverse);mix-blend-mode:normal}.gauge-val-display span.sub{font-size:.6rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:.25rem;font-weight:700}.map-pulse-marker{width:28px;height:28px;position:relative}.pulse-core{background:var(--text-ink);border:2px solid var(--bg-canvas);z-index:5;border-radius:0;width:10px;height:10px;position:absolute;top:9px;left:9px}.pulse-core.safe{background:var(--fill-safe)}.pulse-ring-1{border:1px solid var(--text-ink);opacity:0;border-radius:0;width:28px;height:28px;animation:2s ease-out infinite rippleSquare;position:absolute;top:0;left:0}.pulse-ring-1.safe{border-color:var(--fill-safe)}@keyframes rippleSquare{0%{opacity:0;transform:scale(.4)}10%{opacity:.6}to{opacity:0;transform:scale(1.8)}}.modal-backdrop{z-index:999;background:#0a0a0a8c;position:fixed;inset:0}.map-modal{background:var(--bg-panel);border:2px solid var(--rule-heavy);width:92%;max-width:780px;box-shadow:8px 8px 0 var(--rule-heavy);z-index:3100;border-radius:0;flex-direction:column;gap:1rem;padding:2rem;animation:.2s both modalSlideIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.bin-detail-modal{background:var(--bg-panel);border:2px solid var(--rule-heavy);width:90%;max-width:560px;box-shadow:8px 8px 0 var(--rule-heavy);z-index:1000;border-radius:0;flex-direction:column;padding:0;animation:.2s both modalSlideIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal-header{background:var(--bg-panel-dark);border-bottom:1px solid #e5f1df33;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.modal-title-group{align-items:center;gap:1rem;display:flex}.modal-bin-icon{background:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.modal-bin-name{color:var(--text-inverse);font-size:1.1rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em}.modal-close-btn{color:var(--text-inverse);cursor:pointer;width:2rem;height:2rem;font-size:.9rem;font-family:var(--font-mono);background:0 0;border:1px solid #e5f1df4d;border-radius:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--text-inverse);color:var(--text-ink);border-color:var(--text-inverse)}.modal-body{flex-direction:column;gap:0;padding:1.75rem;display:flex}.modal-fill-visual{justify-content:center;margin-bottom:1.5rem;display:flex}.modal-bin-visual{border:2px solid var(--rule-heavy);background:var(--bg-panel-mid);border-radius:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative;overflow:hidden}.modal-liquid-wave{background:var(--fill-safe);width:100%;transition:height 1s;position:absolute;bottom:0;left:0}.modal-gauge-val{z-index:5;color:var(--text-ink);font-size:2rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.04em;mix-blend-mode:multiply;position:relative}.detail-capacity-wrap{border-bottom:1px solid var(--rule-ghost);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.detail-capacity-label{font-size:var(--text-sm);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;display:flex}.detail-capacity-track{background:var(--rule-ghost);border-radius:0;height:4px;overflow:hidden}.detail-capacity-fill{border-radius:0;height:100%;transition:width .8s}.modal-stats-grid{background:var(--rule-ghost);border:1px solid var(--rule-ghost);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:1.25rem;display:grid}.modal-stat-card{background:var(--bg-panel);align-items:flex-start;gap:.75rem;padding:1rem;transition:background .15s;display:flex}.modal-stat-card:hover{background:var(--bg-panel-mid)}.modal-stat-icon{background:var(--bg-panel-mid);border:1px solid var(--rule-ghost);flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.modal-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem}.modal-stat-value{color:var(--text-ink);font-size:.95rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em}.modal-device-row{background:var(--bg-panel-mid);border:1px solid var(--rule-light);justify-content:space-between;align-items:center;margin-bottom:0;padding:.85rem 1rem;display:flex}.modal-footer{border-top:2px solid var(--rule-heavy);background:var(--bg-panel-mid);justify-content:flex-end;gap:0;padding:1rem 1.75rem;display:flex}.btn-map-view{background:var(--brand-cta);color:#fff;border:2px solid var(--brand-cta);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;padding:.65rem 1.4rem;transition:all .2s;display:inline-flex}.btn-map-view:hover{background:#15803d;border-color:#15803d;transform:translateY(-1px);box-shadow:0 4px 14px #16653447}.btn-secondary-action{border:2px solid #0000;border-left:1px solid var(--rule-light);color:var(--text-muted);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:.65rem 1.25rem;transition:all .15s}.btn-secondary-action:hover{color:var(--text-ink);background:var(--bg-panel-mid)}.loading-screen{background:var(--bg-canvas);z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-scene{flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:600px;padding:2rem;display:flex}.loading-echo-stack{flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:relative}.echo-layer{font-family:var(--font-heading);letter-spacing:-.05em;color:var(--text-ink);text-align:left;-webkit-user-select:none;user-select:none;width:100%;font-size:clamp(5rem,14vw,10rem);font-weight:700;line-height:.9;display:block}.echo-layer-1{opacity:1}.echo-layer-2{opacity:.18;margin-top:-.55em}.echo-layer-3{opacity:.08;margin-top:-.55em}.echo-layer-4{opacity:.04;margin-top:-.55em}.loading-text{border-top:2px solid var(--rule-heavy);flex-direction:column;gap:1.25rem;width:100%;padding-top:1.5rem;display:flex}.loading-title{display:none}.loading-subtitle{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.loading-bar{background:var(--rule-ghost);width:100%;height:2px;position:relative;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--brand-forest), var(--brand-fresh));width:0%;height:100%;animation:2.8s cubic-bezier(.4,0,.2,1) forwards loadBarProgress;position:absolute;top:0;left:0}@keyframes loadBarProgress{0%{width:0%}60%{width:75%}85%{width:88%}to{width:100%}}.loading-hint{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-ghost)}.bin-3d-wrapper{perspective:800px;width:100px;height:120px;margin:0 auto}.bin-3d{width:100%;height:100%;transform-style:preserve-3d;animation:8s linear infinite binRotate;position:relative}@keyframes binRotate{0%{transform:rotateY(0)rotateX(-10deg)}to{transform:rotateY(360deg)rotateX(-10deg)}}.bin-lid{width:100%;height:22px;transform-style:preserve-3d;position:absolute;top:0;left:0;transform:translateZ(0)translateY(-4px)}.bin-lid-top{background:var(--text-muted);border:1px solid var(--rule-medium);width:100%;height:22px;position:absolute;transform:rotateX(90deg)translateZ(11px)}.bin-lid-front{background:var(--text-dim);border:1px solid var(--rule-medium);width:100%;height:22px;position:absolute;transform:translateZ(11px)}.bin-lid-back{background:var(--text-muted);border:1px solid var(--rule-medium);width:100%;height:22px;position:absolute;transform:rotateY(180deg)translateZ(11px)}.bin-lid-left{background:var(--rule-medium);width:22px;height:22px;position:absolute;transform:rotateY(-90deg)translateZ(11px)}.bin-lid-right{background:var(--rule-medium);width:22px;height:22px;position:absolute;transform:rotateY(90deg)translateZ(89px)}.bin-handle{background:var(--text-ink);border:1px solid var(--rule-medium);z-index:1;width:30px;height:8px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bin-body{width:100%;height:90px;transform-style:preserve-3d;position:absolute;top:22px;left:0}.bin-body-front{background:var(--bg-panel-mid);border:1px solid var(--rule-medium);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:0 15px;display:flex;position:absolute;transform:translateZ(10px)}.bin-stripe{background:var(--rule-light);width:100%;height:2px}.bin-body-back{background:var(--bg-rule);border:1px solid var(--rule-medium);width:100%;height:100%;position:absolute;transform:rotateY(180deg)translateZ(10px)}.bin-body-left{background:var(--bg-rule);border:1px solid var(--rule-medium);width:20px;height:100%;position:absolute;transform:rotateY(-90deg)translateZ(10px)}.bin-body-right{background:var(--bg-rule);width:20px;height:100%;position:absolute;transform:rotateY(90deg)translateZ(90px)}.bin-fill-liquid{background:var(--text-muted);height:40%;position:absolute;bottom:0;left:2px;right:2px;overflow:hidden}.bin-fill-wave{width:100%;position:absolute;top:-10px;left:0}.bin-fill-wave svg{width:100%;height:10px;fill:var(--text-muted);animation:2s ease-in-out infinite alternate waveSurface}@keyframes waveSurface{0%{transform:scaleY(1)}to{transform:scaleY(1.5)translateY(-1px)}}.bin-bottom{background:var(--text-muted);border:1px solid var(--rule-medium);width:90%;height:8px;position:absolute;bottom:-8px;left:5%;transform:rotateX(90deg)}.bin-shadow{filter:blur(4px);background:#0a0a0a26;border-radius:50%;width:80%;height:14px;position:absolute;bottom:-30px;left:10%}.particle{background:var(--rule-medium);border-radius:0;animation:4s ease-in-out infinite particleDrift;position:absolute}.p1{width:4px;height:2px;animation-delay:0s;top:-30px;left:20%}.p2{width:2px;height:4px;animation-delay:.8s;top:-40px;left:60%}.p3{width:6px;height:2px;animation-delay:1.5s;top:-25px;left:40%}.p4{width:3px;height:3px;animation-delay:.4s;top:-35px;left:80%}.p5{width:2px;height:6px;animation-delay:2s;top:-45px;left:5%}@keyframes particleDrift{0%{opacity:0;transform:translateY(0)rotate(0)}30%{opacity:.7}to{opacity:0;transform:translateY(-60px)rotate(45deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--rule-light);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-page-wrapper{background:var(--bg-canvas);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left-panel{background:var(--bg-ink);border-right:1px solid #e5f1df26;flex-direction:column;justify-content:space-between;padding:3rem;display:flex}.login-right-panel{background:var(--bg-canvas);flex-direction:column;justify-content:center;align-items:center;padding:4rem 3rem;display:flex}.login-mobile-brand{margin-bottom:2rem;display:none}@media (max-width:768px){.login-page-wrapper{grid-template-columns:1fr}.login-left-panel{display:none}.login-right-panel{justify-content:flex-start;padding:3rem 1.25rem 2rem}.login-mobile-brand{display:block}}@media (max-width:480px){.landing-main{padding:0 1rem}.landing-section{min-height:auto;padding:2.5rem 0}.main-content{padding:.75rem}.dashboard-header-simple{padding:.75rem 1rem}.dashboard-metric-grid{grid-template-columns:1fr!important;gap:.5rem!important}.dashboard-metric-grid .glass-panel{padding:1rem!important}.dashboard-metric-grid .glass-panel>div:first-of-type{font-size:1.75rem!important}.admin-header-title{max-width:120px!important;font-size:.82rem!important}}@media (max-width:640px){.landing-main{padding:0 1rem}.landing-section{min-height:auto;padding:3rem 0}.hero-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important}.dashboard-metric-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.dashboard-filter-bar{flex-direction:column;align-items:stretch;gap:.75rem}.dashboard-filter-bar h2{font-size:1.15rem!important}.bin-grid{grid-template-columns:1fr!important;gap:1rem!important}.bin-detail-modal{max-height:92vh;animation:.25s both modalSlideUp;position:fixed;overflow-y:auto;border:none!important;border-top:2px solid var(--rule-heavy)!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border-radius:0!important;inset:auto 0 0!important;transform:none!important}.map-modal{max-height:92vh;padding:1.25rem;animation:.25s both modalSlideUp;position:fixed;overflow-y:auto;border:none!important;border-top:2px solid var(--rule-heavy)!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border-radius:0!important;inset:auto 0 0!important;transform:none!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1rem 1.25rem}.modal-bin-name{font-size:.95rem}.modal-body{padding:1.25rem}.modal-bin-visual{width:100px!important;height:100px!important}.modal-gauge-val{font-size:1.5rem!important}.modal-stats-grid{grid-template-columns:1fr!important}.modal-stat-card{padding:.75rem}.modal-stat-label{font-size:.6rem}.modal-stat-value{font-size:.82rem}.modal-device-row{gap:.6rem;padding:.75rem;flex-direction:column!important;align-items:flex-start!important}.modal-footer{flex-direction:column;gap:.5rem;padding:.85rem 1.25rem}.modal-footer .btn-map-view,.modal-footer .btn-secondary-action{text-align:center;border:1px solid var(--rule-light);justify-content:center;width:100%;border-left:none!important}.map-modal .leaflet-container{height:280px!important}}@media (max-width:768px){.admin-layout-wrapper{flex-direction:row;position:relative}.admin-sidebar{z-index:500;height:100vh;transition:left .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-260px;overflow-y:auto;width:260px!important}.admin-sidebar.sidebar-open{left:0}.sidebar-nav{overflow-x:unset;flex-direction:column;padding:.75rem 0}.sidebar-link{white-space:normal;border-bottom:none;border-left:3px solid #0000}.sidebar-link.active{border-left:3px solid var(--text-inverse);background:#f5f3ee14;border-bottom:none}.sidebar-overlay{z-index:499;background:#0a0a0a80;animation:.2s both fadeInOverlay;display:block;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.admin-main-container{width:100%;min-width:0}.main-content{padding:1.25rem 1rem}.dashboard-header-simple{padding:.75rem 1rem}.admin-hamburger{display:flex!important}.admin-clock,.admin-profile-text{display:none!important}.admin-header-title{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden;font-size:.95rem!important}.bin-grid{grid-template-columns:1fr}.dashboard-metric-grid{grid-template-columns:1fr 1fr!important;gap:1rem!important}.dashboard-filter-bar{flex-wrap:wrap}}@media (max-width:900px){.public-navbar{flex-wrap:nowrap;gap:0;height:64px;min-height:64px;padding:0 1.25rem;position:relative}.public-nav-links{display:none!important}.nav-mobile-toggle{display:flex!important}.landing-main{padding:0 1.25rem}.landing-section{min-height:auto;padding:3.5rem 0}}@media (min-width:769px) and (max-width:1024px){.admin-layout-wrapper{flex-direction:column}.admin-sidebar{z-index:100;height:auto;position:sticky;top:0;width:100%!important}.sidebar-nav{scrollbar-width:none;flex-direction:row;padding:0;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:.75rem 1rem;font-size:.65rem}.sidebar-link.active{border-left:none;border-bottom:3px solid var(--text-inverse);background:#f5f3ee14}.sidebar-brand,.sidebar-bottom,.admin-sidebar>div:nth-child(2){display:none}.dashboard-header-simple{padding:1rem 1.5rem}.main-content{padding:1.5rem}.admin-hamburger{display:none!important}}