.app{background:#f5f6f9}.sidebar{background:#172c31}.app-content{max-width:1420px}.appbar{gap:15px}.account-balance{margin-left:auto;padding:10px 15px;background:#f3f6eb;border:1px solid #e0e7d5;border-radius:30px;font-size:12px}.account-balance b{margin-left:6px}.dashboard-welcome{display:flex;justify-content:space-between;gap:25px;background:#213f43;color:#fff;padding:40px;border-radius:22px;overflow:hidden;margin-top:25px}.dashboard-welcome h2{font-size:36px;letter-spacing:-1px}.dashboard-welcome p{color:#d1e0dc;max-width:470px;font-size:14px}.dashboard-orbit{width:230px;min-width:190px;position:relative;display:grid;place-items:center;border:1px solid #9ebcac55;border-radius:50%;transform:rotate(-10deg)}.dashboard-orbit span{font-size:90px;color:#d4ef87;font-weight:800}.dashboard-orbit i,.dashboard-orbit b{position:absolute;border-radius:15px;background:#e4f4bf;color:#173d32;padding:14px;font-size:16px;font-style:normal}.dashboard-orbit i{right:-8px;top:24px}.dashboard-orbit b{left:-8px;bottom:24px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.metric{display:flex;flex-direction:column;gap:12px;transition:transform .2s}.metric:hover{transform:translateY(-3px)}.metric span{font-size:12px;color:#617570}.metric strong{font-family:Manrope;font-size:35px}.metric small{color:#778581;font-size:11px}.metric b{border-top:1px solid #e8ece5;padding-top:17px;font-size:12px;color:#365b47;margin-top:5px}.quick-help{display:flex;justify-content:space-between;gap:20px;align-items:center}.quick-help h3{margin:0}.quick-help p{margin-bottom:0;font-size:13px}.builder-heading{display:flex;gap:13px;align-items:center;margin-bottom:28px}.builder-heading h3{margin:0 0 4px}.builder-heading p{margin:0}.step-pill{background:#e3eddb;color:#416044;padding:12px;border-radius:11px;font-weight:700;font-size:13px}.picker{position:relative}.picker-toggle{width:100%;border:1px solid #dce4da;background:#fbfcfa;border-radius:10px;display:flex;justify-content:space-between;padding:17px;text-align:left;color:#173d32}.picker-panel{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:6;border:1px solid #dce4da;background:#fff;padding:10px;border-radius:13px;box-shadow:0 15px 35px #172c3120}.picker-panel input{padding:12px;border-radius:8px}.picker-list{max-height:245px;overflow-y:auto;overscroll-behavior:contain;margin-top:7px;scrollbar-width:thin;scrollbar-color:#9eb98b #f5f7f1}.picker-option{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#fff;text-align:left;padding:14px 12px;border-radius:7px;gap:15px;color:#243d34;font-size:13px}.picker-option span:last-child{font-size:10px;color:#7b897f;white-space:nowrap}.picker-option:hover,.picker-option:focus-visible{background:#f0f5e8}.picker-option.chosen{background:#e9f2d8;font-weight:700}.picker-empty{font-size:12px;padding:10px}.order-receipt{border-top:4px solid #a7c965}.order-receipt h3{margin-top:18px}.receipt-help{font-size:12px;text-align:center;padding:22px 0}.receipt-help a{font-weight:700;text-decoration:underline}.order-receipt .summary-row b{text-align:right}.wallet-card{padding:35px;background:#213f43;color:white;border-radius:18px}.wallet-card>span{font-size:11px;letter-spacing:.12em;color:#c3d5ce}.wallet-card h2{font-size:22px}.wallet-card>strong{font-size:58px}.wallet-card p{font-size:13px;color:#c3d5ce}.support-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:30px}.support-primary{background:#edf3e3}.support-phone{display:block;font-size:clamp(24px,3vw,38px);font-weight:700;margin:25px 0 12px;letter-spacing:-1px}.empty-state{margin-top:30px;text-align:center;padding:55px 25px}.empty-state p{max-width:520px;margin:15px auto 25px}.empty-state h3{margin:20px 0}.order-layout{grid-template-columns:1.35fr .85fr}.sidebar nav a{padding:12px;font-size:12px}.sidebar{gap:25px}.support-float{position:fixed;right:23px;bottom:22px;background:#173d32;color:white;padding:13px 18px;border-radius:40px;font-size:12px;z-index:8;box-shadow:0 8px 25px #172c3125}.foot-links{flex-wrap:wrap}button:focus-visible{outline-offset:2px}@media(max-width:1100px){.order-layout{grid-template-columns:1fr}.metric-grid{gap:10px}.metric{padding:22px}.account-balance{display:none}}@media(max-width:800px){.dashboard-orbit{display:none}.dashboard-welcome{padding:28px}.dashboard-welcome h2{font-size:29px}.metric-grid,.support-grid{grid-template-columns:1fr}.quick-help{display:block}.quick-help .btn{margin-top:18px}.support-float{font-size:11px;padding:11px;right:12px;bottom:12px}.picker-list{max-height:220px}}
.appbar .account-balance{display:block}@media(max-width:600px){.appbar .account-balance{display:none}}
.service-name{display:inline-flex;align-items:center;gap:12px;min-width:0}.app-logo{width:25px;height:25px;object-fit:contain;flex-shrink:0}.app-monogram{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:7px;background:#e9eee5;color:#58704e;font-size:13px;font-weight:700}.picker-option .service-name{font-size:13px;white-space:normal;color:#243d34}.picker-option span.app-monogram{font-size:13px;color:#58704e}.picker-option{min-height:52px}.picker-panel{padding-top:10px}.picker-list{max-height:285px;padding-top:6px}.picker-panel input{position:relative;z-index:1;background:white}
[hidden]{display:none!important}
