@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:#f5f3ee;--bg-ink:#0a0a0a;--bg-panel:#fff;--bg-panel-dark:#111;--bg-panel-mid:#f0ede6;--bg-rule:#e0ddd6;--text-ink:#0a0a0a;--text-muted:#555;--text-dim:#888;--text-ghost:#bbb;--text-inverse:#f5f3ee;--rule-heavy:#0a0a0a;--rule-medium:#555;--rule-light:#ccc;--rule-ghost:#e0ddd6;--status-critical:#0a0a0a;--status-warning:#555;--status-safe:#aaa;--status-offline:#ccc;--fill-critical:#0a0a0a;--fill-warning:#6b6b6b;--fill-safe:#aaa;--primary:#0a0a0a;--primary-glow:transparent;--secondary:#555;--secondary-glow:transparent;--success:#3a3a3a;--success-glow:transparent;--warning:#666;--warning-glow:transparent;--danger:#0a0a0a;--danger-glow:transparent;--panel-border:#ccc;--panel-border-hover:#0a0a0a;--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}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}.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 #0a0a0a1a,8px 10px #0a0a0a0f,12px 15px #0a0a0a0a,16px 20px #0a0a0a05}.echo-inverse{text-shadow:4px 5px #f5f3ee1a,8px 10px #f5f3ee0f,12px 15px #f5f3ee08}.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(--text-ink);-webkit-text-fill-color:var(--text-ink);background:0 0}.gradient-text-alt{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);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:0;padding:2rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.glass-panel:hover{border-color:var(--rule-heavy);box-shadow:4px 4px 0 var(--rule-heavy)}.glass-card{background:var(--bg-panel);border:1px solid var(--rule-light);border-radius:0;padding:1.5rem;transition:all .2s}.glass-card:hover{border-color:var(--rule-heavy);box-shadow:3px 3px 0 var(--rule-heavy);transform:translate(-1px,-1px)}.glow-orb,.orb-1,.orb-2,.orb-3,.bg-grid-pattern{display:none}.btn-primary{background:var(--bg-ink);border:2px solid var(--bg-ink);color:var(--text-inverse);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{background:var(--bg-canvas);color:var(--text-ink);box-shadow:4px 4px 0 var(--bg-ink)}.btn-secondary{border:2px solid var(--rule-heavy);color:var(--text-ink);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-ink);color:var(--text-inverse);box-shadow:4px 4px 0 var(--rule-medium)}.uiverse-btn-glow{border:2px solid var(--bg-ink);color:var(--text-ink);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.6rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}.uiverse-btn-glow:before{display:none}.uiverse-btn-glow:hover{background:var(--bg-ink);color:var(--text-inverse);box-shadow:5px 5px 0 var(--rule-medium);transform:translate(-2px,-2px)}.status-tag{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:0;align-items:center;gap:.4rem;padding:.25rem .65rem;font-weight:700;display:inline-flex}.status-online{color:var(--text-ink);border-color:var(--text-ink);background:0 0}.status-offline{background:var(--bg-ink);color:var(--text-inverse);border-color:var(--bg-ink)}.status-warning{color:var(--text-muted);border-color:var(--text-muted);background:0 0}.collab-badge{border:1px solid var(--rule-light);background:0 0;border-radius:0;align-items:center;gap:.75rem;margin-bottom:2rem;padding:.4rem .9rem;display:inline-flex}.footer-nav-link{color:#f5f3ee80;font-size:.85rem;font-family:var(--font-body);text-decoration:none;transition:color .15s;display:inline-block}.footer-nav-link:hover{color:var(--text-inverse)}.public-navbar{background:var(--bg-canvas);z-index:200;border-bottom:2px solid var(--rule-heavy);justify-content:space-between;align-items:center;height:64px;padding:0 3rem;display:flex;position:sticky;top:0}.nav-brand-text{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-ink);font-size:1.15rem;font-weight:700;text-decoration:none}.brand-icon{background:var(--bg-ink);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 .15s,background .15s;display:flex;position:relative}.public-nav-links a:first-child{border-left:none}.public-nav-links a:hover{color:var(--text-ink);background:var(--bg-panel-mid)}.public-nav-links a.active{color:var(--text-ink);font-weight:700}.public-nav-links a.active:after{content:"";background:var(--rule-heavy);height:3px;box-shadow:none;border-radius:0;position:absolute;bottom:0;left:0;right:0}.public-nav-links a.btn-primary{background:var(--bg-ink);color:var(--text-inverse);border-left:none;height:auto;margin-left:1.5rem;padding:.6rem 1.25rem}.public-nav-links a.btn-primary:hover{background:var(--bg-canvas);color:var(--text-ink);box-shadow:3px 3px 0 var(--bg-ink)}.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 #f5f3ee1f;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:#f5f3ee80;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 .15s,background .15s;display:flex}.sidebar-link:hover{color:var(--text-inverse);background:#f5f3ee0f}.sidebar-link.active{color:var(--text-inverse);border-left:3px solid var(--text-inverse);background:#f5f3ee14}.sidebar-link--light{color:var(--text-muted);background:0 0;border-left:3px solid #0000}.sidebar-link--light:hover{color:var(--text-ink);background:var(--bg-panel-mid)}.sidebar-bottom{border-top:1px solid #f5f3ee1f;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{background:var(--bg-canvas);border-bottom:2px solid var(--rule-heavy);z-index:90;padding:1rem 3rem;position:sticky;top:0}.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:0;padding:2rem;transition:all .15s;position:relative;overflow:hidden}.uiverse-card-tilt:hover{border-color:var(--rule-heavy);box-shadow:5px 5px 0 var(--rule-heavy);transform:translate(-2px,-2px)}.uiverse-hero-image-wrap{border:2px solid var(--rule-heavy);border-radius:0;transition:all .2s;position:relative;overflow:hidden}.uiverse-hero-image-wrap:hover{box-shadow:8px 8px 0 var(--rule-heavy);transform:translate(-4px,-4px)}.bin-grid{border-top:1px solid var(--rule-light);border-left:1px solid var(--rule-light);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;display:grid}.bin-card{background:var(--bg-panel);border-right:1px solid var(--rule-light);border-bottom:1px solid var(--rule-light);cursor:pointer;border-radius:0;flex-direction:column;gap:1rem;padding:1.75rem;transition:background .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.bin-card:hover{background:var(--bg-panel-mid);box-shadow:inset 3px 0 0 var(--rule-heavy)}.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(--rule-heavy);background:var(--bg-panel-mid);border-radius:0;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(--fill-safe)}.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 #0a0a0a26}to{box-shadow:4px 4px #0a0a0a99}}.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{border-bottom:2px solid var(--rule-heavy);background:var(--bg-ink);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 #f5f3ee4d;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(--bg-ink);color:var(--text-inverse);border:2px solid var(--bg-ink);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:0;align-items:center;gap:.5rem;padding:.65rem 1.4rem;transition:all .15s;display:inline-flex}.btn-map-view:hover{background:var(--bg-canvas);color:var(--text-ink);box-shadow:3px 3px 0 var(--bg-ink)}.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:var(--text-ink);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)}}@media (max-width:480px){.landing-main{padding:0 1rem}.landing-section{min-height:auto;padding:2.5rem 0}.main-content{padding:1rem}.dashboard-header-simple{padding:.75rem 1rem}}@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}.bin-detail-modal,.map-modal{width:100%;max-width:100%;box-shadow:none;border-bottom:none;border-left:none;border-right:none;border-radius:0;max-height:90vh;inset:auto 0 0;overflow-y:auto;transform:none}}@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}}@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}}