@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#082b63;--blue:#0864d8;--orange:#ff7900;--ink:#10284d;--muted:#758198;--line:#e7ebf1;--bg:#f6f8fc;--green:#138b5c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:linear-gradient(180deg,#062b67,#071e48);color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column;flex-shrink:0}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;padding:0 8px 26px;border-bottom:1px solid #234779}.brand-mark{font-size:34px;color:var(--orange);line-height:1}.brand b{font:700 21px 'Space Grotesk';color:#fff}.brand strong{font:700 21px 'Space Grotesk';color:#20a5eb}.brand small{display:block;font-size:7px;letter-spacing:2px;opacity:.62}.role-chip{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#8bbaf2;margin:25px 10px 12px}nav{display:grid;gap:6px}nav a{display:flex;gap:13px;align-items:center;color:#cad8ef;text-decoration:none;padding:12px 12px;border-radius:8px;font-weight:500}nav a.active,nav a:hover{color:#fff;background:var(--orange)}nav a span{font-size:13px}.sidebar-foot{border-top:1px solid #234779;margin-top:auto;padding:17px 7px 0;display:flex;align-items:center;gap:9px}.sidebar-foot b,.sidebar-foot small{display:block}.sidebar-foot small{font-size:11px;color:#9cb4d8;margin-top:3px}.sidebar-foot a{margin-left:auto;color:#9cb4d8;text-decoration:none}.avatar{width:31px;height:31px;border-radius:50%;background:#236bc9;display:grid;place-items:center;font-weight:700}.main{flex:1;padding:34px 44px 60px;max-width:1500px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow,.section-kicker{color:#8290a6;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:700;margin:0 0 7px}.topbar h1{margin:0;font:600 25px 'Space Grotesk';letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:12px;color:#8c98aa}.icon-button{background:#fff;border:1px solid var(--line);border-radius:9px;width:38px;height:38px;color:var(--blue);font-size:18px}.sync-dot{width:7px;height:7px;background:#38b878;border-radius:50%;box-shadow:0 0 0 4px #e1f4ea}.synced{font-size:12px}.hero{min-height:225px;border-radius:16px;background:linear-gradient(104deg,#075bbc,#074795 67%,#073672);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:28px 42px;margin-bottom:20px;position:relative}.hero:after{content:'';position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #ffffff24;right:190px;top:-120px}.hero h2{font:600 34px/1.08 'Space Grotesk';margin:14px 0 8px;letter-spacing:-1.4px}.hero h2 em{color:#ff8b1b;font-style:normal}.hero p{color:#d6e5fb;margin:0 0 20px;max-width:380px}.pill{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#91c9ff}.hero-art{position:relative;width:270px;align-self:stretch}.flame{position:absolute;font-size:135px;color:#20a5eb;right:85px;top:12px;transform:rotate(180deg);opacity:.9}.cylinder{position:absolute;right:28px;bottom:-44px;width:105px;height:165px;border-radius:50%/10%;background:linear-gradient(90deg,#ed6800,#ff8c10 54%,#df5d00);box-shadow:inset 10px 0 #ff9a2e55,inset -10px 0 #ac420033;display:flex;flex-direction:column;align-items:center;padding-top:65px;color:#fff;font:700 18px 'Space Grotesk';transform:rotate(-4deg)}.cylinder:before{content:'';position:absolute;top:-9px;width:70px;height:22px;border-radius:50%;background:#f37d08;border:6px solid #bd5200}.cylinder small{font-size:6px;letter-spacing:1px}.button{display:inline-flex;justify-content:space-between;align-items:center;border:0;border-radius:7px;background:var(--blue);color:#fff;text-decoration:none;padding:12px 15px;font:600 13px 'DM Sans';cursor:pointer}.button.orange{background:var(--orange)}.button.full{width:100%;margin-top:24px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 14px #1c35610b}.stat-card{padding:18px 20px;position:relative}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:20px;margin-bottom:17px;background:#e9f2ff;color:var(--blue)}.stat-icon.orange-icon,.orange-icon{background:#fff0e5!important;color:var(--orange)!important}.stat-icon.green{background:#e5f6ee;color:var(--green)}.stat-card small{display:block;color:#8290a6;font-size:10px;font-weight:700;letter-spacing:.7px}.stat-card strong{display:block;font:600 26px 'Space Grotesk';margin:4px 0}.trend{color:var(--green);font-size:11px}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{padding:18px 20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-head h3{margin:0;font:600 17px 'Space Grotesk'}.panel-head p{color:var(--muted);margin:5px 0 0}.panel-head a{color:var(--blue);font-size:12px;text-decoration:none;font-weight:600}.map{height:285px;border-radius:10px;background-color:#e7f0eb;background-image:linear-gradient(28deg,transparent 47%,#cadccf 48%,transparent 49%),linear-gradient(122deg,transparent 48%,#d2e2d8 49%,transparent 50%),linear-gradient(#fff7 1px,transparent 1px),linear-gradient(90deg,#fff7 1px,transparent 1px);background-size:100% 100%,100% 100%,43px 43px,43px 43px;position:relative;overflow:hidden}.map-label{position:absolute;font-size:10px;font-weight:700;color:#789383;letter-spacing:1px}.label-a{left:36%;top:42%}.label-b{right:14%;top:22%}.map-pin{position:absolute;color:var(--blue);font-size:43px;text-shadow:0 2px 4px #12477b66}.map-pin.orange-pin{color:var(--orange)}.map-footer{position:absolute;bottom:0;left:0;right:0;background:#ffffffdb;padding:11px 14px;color:#708394;font-size:11px}.map-footer a{float:right;color:var(--blue);font-weight:700;text-decoration:none}.transaction-list{display:grid}.transaction{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.transaction:last-child{border:0}.tx-icon{width:34px;height:34px;background:#eaf3ff;color:var(--blue);border-radius:50%;display:grid;place-items:center}.tx-meta{flex:1}.tx-meta b,.tx-meta span{display:block}.tx-meta b{font-size:12px}.tx-meta span{font-size:10px;color:#8995a7;margin-top:3px}.transaction>strong{font-size:12px;text-align:right}.transaction>strong small{display:block;color:var(--green);font-size:9px;margin-top:4px}.flash{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:8px;margin-bottom:18px}.flash.success{background:#e8f7ee;color:#117248}.flash.error{background:#fff0ea;color:#b44a1d}.flash span{font-size:12px;flex:1}.flash button{background:none;border:0;font-size:20px;cursor:pointer;color:inherit}.page-intro{margin:10px 0 25px}.page-intro h2{font:600 30px 'Space Grotesk';margin:0 0 5px;letter-spacing:-1px}.page-intro p{color:var(--muted);margin:0}.buy-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.refill-card{padding:26px;max-width:720px}.om-badge{padding:8px 11px;background:#fff3df;color:#e87600;font-size:11px;font-weight:700;border-radius:20px}.refill-card label{display:block;font-weight:600;margin:22px 0 8px}.amount-input{display:flex;align-items:center;border:1px solid #ccd6e5;border-radius:9px;padding:0 14px;color:#7d8ba1}.amount-input input{border:0;outline:0;font:600 35px 'Space Grotesk';color:var(--ink);width:100%;padding:8px}.amount-input span:last-child{font-size:11px}.quick-amounts{display:flex;gap:8px;margin:11px 0 20px}.quick-amounts button{border:1px solid #d4deeb;background:#fff;border-radius:6px;padding:8px 14px;color:var(--blue);cursor:pointer}.calculation{background:#f4f7fb;padding:16px;border-radius:8px;display:grid;gap:14px}.calculation>div{display:flex;justify-content:space-between;align-items:center}.calculation span{color:var(--muted);font-size:12px}.calculation strong{font:600 25px 'Space Grotesk';color:var(--orange)}select{border:1px solid #d4deeb;background:#fff;border-radius:6px;padding:8px;color:var(--ink)}.secure-note{display:block;text-align:center;color:#8491a4;font-size:10px;margin-top:13px}.guide{height:max-content}.guide-step{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-step:last-child{border:0}.guide-step>b{color:var(--orange);font:600 16px 'Space Grotesk'}.guide-step h4{margin:0;font-size:13px}.guide-step p{font-size:11px;color:var(--muted);margin:4px 0 0}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kiosk-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.kiosk-top{display:flex;justify-content:space-between;align-items:center}.kiosk-pin{color:var(--blue);font-size:23px}.status{display:inline-block;background:#e4f6ec;color:var(--green);border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.status.danger{background:#fff0e8;color:#d45e1d}.kiosk-card h3{margin:18px 0 3px;font:600 16px 'Space Grotesk'}.kiosk-card p{margin:0 0 22px;color:var(--muted);font-size:12px}.stock-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.stock-row span,.kiosk-card small{color:var(--muted)}.progress{height:7px;background:#e9eef4;border-radius:8px;overflow:hidden;margin-bottom:9px}.progress i{height:100%;background:var(--blue);display:block;border-radius:8px}.danger+.progress i{background:var(--orange)}.table-panel{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;font-size:12px}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}td small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:950px){.sidebar{width:205px}.main{padding:25px}.content-grid,.buy-layout{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;padding:15px;position:sticky;top:0;z-index:4}.brand{padding-bottom:12px;border:0}.role-chip,nav{display:none}.sidebar-foot{display:none}.main{padding:20px 15px}.topbar{margin-bottom:20px}.top-actions .synced{display:none}.hero{padding:24px 20px;min-height:285px}.hero h2{font-size:28px}.hero-art{position:absolute;right:-20px;opacity:.8}.stats-grid{grid-template-columns:1fr}.content-grid{gap:15px}.directory-grid{grid-template-columns:1fr}.page-intro h2{font-size:25px}}