@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{color:#17221e;font-synthesis:none;--ink:#101d1a;--green:#87dfa5;--line:#dfe5dd;--muted:#71807a;background:#edf0eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.admin-shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#edf6f0;background:var(--ink);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark,.brand-logo{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.brand-mark{color:#10211b;background:var(--green);font:700 19px Manrope}.brand-logo{object-fit:contain;box-shadow:0 7px 18px #0000002e}.brand div{display:grid}.brand strong{font:700 16px Manrope}.brand small{color:#859b92;text-transform:uppercase;letter-spacing:1px;font-size:10px}.admin-sidebar nav{gap:5px;margin-top:45px;display:grid}.admin-sidebar nav a{color:#9eb1aa;border-radius:9px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:11px 13px;font-size:14px;text-decoration:none;display:grid}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:#fff;background:#20332d}.admin-sidebar nav em{color:#b9c9c2;background:#30463e;border-radius:20px;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-context{border-top:1px solid #2b3e37;gap:4px;margin-top:auto;padding:18px 10px;display:grid}.sidebar-context small,.sidebar-account small{color:#82978f;font-size:11px}.sidebar-account{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 8px 0;display:flex}.sidebar-account.interactive{cursor:pointer}.sidebar-account>span{color:#143023;background:#c9ead4;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.sidebar-account div{display:grid}.sidebar-account strong{font-size:12px}.admin-content{width:100%;max-width:1500px;padding:42px clamp(24px,5vw,70px)}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.eyebrow{color:#537067;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 6px;font-size:10px;font-weight:700}.page-header h1{letter-spacing:-1.4px;margin:0;font:700 clamp(30px,4vw,43px) Manrope}.page-description{color:var(--muted);max-width:650px;margin:8px 0 0}.button{color:#10211b;background:var(--green);cursor:pointer;border:0;border-radius:10px;padding:12px 17px;font-weight:700}.button.secondary{border:1px solid var(--line);background:#fff}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 20px;display:grid}.stat-card,.panel{border:1px solid var(--line);background:#fbfcf9;border-radius:15px;box-shadow:0 8px 30px #1a2d250a}.stat-card{grid-template-columns:1fr auto;gap:5px;padding:20px;display:grid}.stat-card>span{color:#64736e;font-size:12px}.stat-card>strong{grid-row:span 2;font:700 29px Manrope}.stat-card>small{color:#93a09b}.stat-card.good{border-top:3px solid #65c888}.stat-card.warning{border-top:3px solid #e0ac58}.panel{padding:25px}.panel-heading{border-bottom:1px solid #e6eae4;justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.panel-heading h2{margin:0;font:700 19px Manrope}.panel-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.data-list{display:grid}.data-row{border-bottom:1px solid #eaede8;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;gap:16px;padding:15px 4px;display:grid}.data-row:last-child{border:0}.data-row strong{font-size:14px}.data-row small{color:#84928d}.status-pill{text-transform:uppercase;border-radius:20px;align-items:center;width:fit-content;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.neutral{color:#52615c;background:#e9eeeb}.status-pill.good{color:#18773a;background:#dcf4e4}.status-pill.warning{color:#955b15;background:#fff0d7}.status-pill.danger{color:#a33b36;background:#fae3e1}.table-pagination{color:var(--muted);border-top:1px solid #e6eae4;align-items:center;gap:18px;padding-top:16px;font-size:12px;display:flex}.pagination-range{margin-right:auto}.table-pagination label{align-items:center;gap:7px;font-weight:600;display:flex}.table-pagination select{color:#29483d;background:#fff;border:1px solid #d5ddd8;border-radius:8px;min-width:64px;padding:7px 25px 7px 9px}.pagination-pages{white-space:nowrap;align-items:center;gap:7px;display:flex}.pagination-pages button{color:#29483d;cursor:pointer;background:#fff;border:1px solid #d5ddd8;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:21px;line-height:1;display:grid}.pagination-pages button:hover:not(:disabled){background:#f0f6f2;border-color:#7b9a8d}.pagination-pages button:disabled{color:#b4beb9;cursor:not-allowed;background:#f4f6f4}.pagination-page-input input{color:#173f32;text-align:center;background:#fff;border:1px solid #d5ddd8;border-radius:7px;width:44px;padding:7px 4px}.table-sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.table-sort span{color:#9ba8a2;font-size:12px}.table-sort.active{color:#285b47}.table-sort.active span{color:#25875e}.table-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.table-skeleton i{background:linear-gradient(90deg,#edf1ee 25%,#f7f9f7 50%,#edf1ee 75%) 0 0/200% 100%;border-radius:8px;height:42px;animation:1.3s infinite table-shimmer}.table-skeleton i:nth-child(4n+1){grid-column:span 1}.table-skeleton i:nth-child(4n+2){grid-column:span 2}@keyframes table-shimmer{to{background-position:-200% 0}}.overlay-backdrop{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a19137a;animation:.16s ease-out overlay-fade-in;display:flex;position:fixed;inset:0}.overlay-backdrop.drawer{justify-content:flex-end}.overlay-backdrop.dialog{justify-content:center;align-items:center;padding:24px}.overlay-frame{color:#17221e;background:#fbfcf9;outline:none;flex-direction:column;max-height:100vh;display:flex;box-shadow:0 24px 80px #09191247}.drawer-frame{border-left:1px solid #dce4df;width:min(680px,100vw - 48px);height:100%;animation:.22s cubic-bezier(.22,.8,.32,1) drawer-slide-in}.drawer-frame.wide{width:min(860px,100vw - 48px)}.dialog-frame{border:1px solid #dce4df;border-radius:18px;width:min(620px,100%);max-height:min(840px,100vh - 48px);animation:.18s ease-out dialog-rise-in}.dialog-frame.wide{width:min(820px,100%)}.overlay-header{background:#fbfcf9f5;border-bottom:1px solid #e4e9e5;flex:none;justify-content:space-between;align-items:flex-start;gap:24px;padding:25px 28px 21px;display:flex}.overlay-header h2{color:#17221e;letter-spacing:-.5px;margin:0;font:700 24px Manrope}.overlay-header p:not(.eyebrow){max-width:620px;color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.45}.overlay-close{color:#52615c;cursor:pointer;background:#fff;border:1px solid #dce4df;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:25px;line-height:1;display:grid}.overlay-close:hover{color:#17221e;background:#f4f7f4;border-color:#bfcac3}.overlay-body{min-height:0;padding:24px 28px 32px;overflow-y:auto}@keyframes overlay-fade-in{0%{opacity:0}}@keyframes drawer-slide-in{0%{transform:translate(32px)}}@keyframes dialog-rise-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}@media (width<=950px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.admin-shell{display:block}.admin-sidebar{height:auto;padding:16px 18px;position:static}.admin-sidebar nav{gap:6px;margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-sidebar nav a{flex:none;grid-template-columns:18px auto auto}.sidebar-context,.sidebar-account{display:none}.admin-content{padding:26px 17px}.page-header{align-items:flex-start}.stat-grid{grid-template-columns:1fr 1fr}.data-row{grid-template-columns:1fr auto}.data-row>:nth-child(2),.data-row>:nth-child(3){display:none}.table-pagination{flex-wrap:wrap;align-items:flex-start;gap:10px 16px}.pagination-range{width:100%}.overlay-backdrop.dialog{align-items:flex-end;padding:0}.drawer-frame,.drawer-frame.wide{width:100%}.dialog-frame,.dialog-frame.wide{border-radius:18px 18px 0 0;width:100%;max-height:calc(100vh - 24px)}.overlay-header{padding:20px 18px 17px}.overlay-body{padding:20px 18px 28px}}:root{background:#f1f3ef}.customer-shell{background:#f8faf6;max-width:1100px;min-height:100vh;margin:auto;box-shadow:0 0 50px #14282014}.customer-header{justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,5vw,45px);display:flex}.customer-brand{align-items:center;gap:9px;font:700 16px Manrope;display:flex}.customer-brand span{color:#87dfa5;background:#10211b;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.avatar{color:#193126;background:#d7ebdd;border:0;border-radius:50%;width:36px;height:36px;font-weight:700}.customer-hero{color:#fff;background:#10211b;border-radius:0 0 34px 34px;padding:35px clamp(20px,6vw,60px) 55px}.customer-hero p{color:#9db3aa;margin:0 0 7px;font-size:13px}.customer-hero h1{letter-spacing:-1.5px;max-width:560px;margin:0;font:700 clamp(30px,6vw,50px)/1.08 Manrope}.search-box{color:#52645d;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;max-width:600px;margin-top:28px;padding:8px 8px 8px 16px;display:grid}.search-box input{border:0;outline:0;min-width:0;padding:8px 0}.search-box button{background:#e7eee9;border:0;border-radius:9px;width:37px;height:37px}.active-session{background:#effaf2;border:1px solid #cde4d4;border-radius:15px;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin:-24px clamp(18px,5vw,45px) 0;padding:17px 20px;display:grid;position:relative;box-shadow:0 10px 30px #1c402b1a}.active-session>div{gap:3px;display:grid}.active-session small{color:#60806e}.active-session>div:nth-child(2){text-align:right}.active-session button,.section-title button{color:#267344;background:0 0;border:0;font-weight:700}.pulse{background:#42ae67;border-radius:50%;width:7px;height:7px;display:inline-block;position:absolute;top:8px;left:8px}.nearby{padding:36px clamp(18px,5vw,45px) 100px}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title p{color:#71817b;text-transform:uppercase;letter-spacing:1px;margin:0 0 3px;font-size:12px}.section-title h2{margin:0;font:700 24px Manrope}.station-list{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px;display:grid}.station-card{background:#fff;border:1px solid #dfe5dd;border-radius:17px;overflow:hidden}.station-art{background:linear-gradient(145deg,#dce9df,#eff1e8);justify-content:space-between;align-items:flex-start;min-height:120px;padding:15px;display:flex}.station-art span{background:#fff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.station-art small{background:#fffc;border-radius:20px;padding:5px 8px}.station-info{padding:17px}.station-info>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.station-info>div>small{color:#7d8b86}.station-info h3{margin:13px 0 3px;font:700 17px Manrope}.station-info p{color:#7e8c87;margin:0 0 16px;font-size:12px}.station-info .button{width:100%}.bottom-nav{display:none}@media (width<=720px){.customer-shell{box-shadow:none}.customer-header{height:64px}.customer-hero{padding-top:28px}.active-session{grid-template-columns:1fr auto}.active-session>div:nth-child(2){display:none}.station-list{grid-template-columns:1fr}.station-card{grid-template-columns:110px 1fr;display:grid}.station-art{min-height:100%}.station-info{padding:14px}.bottom-nav{z-index:4;padding:8px 8px max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #dfe5dd;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7b8a84;place-items:center;gap:2px;font-size:10px;text-decoration:none;display:grid}.bottom-nav a span{font-size:19px}.bottom-nav a.active{color:#1c6e3d;font-weight:700}.bottom-nav .scan{color:#10211b;background:#87dfa5;border-radius:12px;place-items:center;width:38px;height:38px;margin-top:-22px;display:grid}}