*{box-sizing:border-box}body{margin:0;background:#0a1120;color:#eaf1fc;font:14px/1.6 "Segoe UI",Arial,sans-serif}main{max-width:620px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}a{color:#8ed7fb;text-decoration:none}header b{font-size:12px;letter-spacing:1px}.intro{color:#adbed5;font-size:13px}section{padding:22px;border:1px solid #2c405b;background:#142238;border-radius:17px;margin:20px 0}h1{font-size:24px;margin:4px 0}h2{font-size:19px;margin:0 0 15px}h3{font-size:16px}label{display:block;font-size:12px;color:#b9cbe2;margin:14px 0}input,select{display:block;width:100%;margin-top:6px;background:#0b1729;border:1px solid #354f6e;border-radius:9px;padding:12px;color:#f1f6fc;font:inherit}button{font:inherit;font-size:12px;cursor:pointer;border:1px solid #39516b;border-radius:8px;padding:10px 14px;background:#1c314c;color:#dae9ff}button:disabled{opacity:.55;cursor:default}.primary{background:#88d9ff;color:#081728;font-weight:700}button:focus-visible,a:focus-visible{outline:2px solid #8ddaff;outline-offset:3px}.tabs{display:flex;gap:9px}.tabs button[aria-pressed=true]{background:#86d5ff;color:#081728}.badge{font-size:10px;color:#7adcb6;background:#184436;border-radius:15px;padding:5px 9px;display:inline-block}.account-heading small{letter-spacing:1px;color:#8ba9c9;font-size:10px}.account-heading p{margin-top:0;color:#8ca5c4}.package{padding:13px 0;border-bottom:1px solid #2c405b}.package b{font-size:13px}.package p{font-size:11px;margin:5px 0;color:#a7bbd3}.package .expired{color:#ff929b;background:#482432}.package .active{color:#76e1b8;background:#163f34}.package .scheduled{color:#f6cf80;background:#46391d}#plans{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}#plans button{text-align:left;padding:12px}#plans button b,#plans button span{display:block}#plans button span{color:#89d6fb;margin-top:4px}#plans button[aria-pressed=true]{border-color:#8edaff;background:#224864}#checkout{border-top:1px solid #39516c;margin-top:18px;padding-top:15px}#checkout p,footer{font-size:11px;color:#9fb6d0}#checkout button{display:block;width:100%;margin:9px 0}#authError{color:#ff9da5}#connection{font-size:11px;color:#9bb4d0}footer{padding:0 8px 20px}footer a{display:block;margin-top:10px}[hidden]{display:none!important}@media(max-width:380px){main{padding:12px}section{padding:17px}header b{font-size:10px}}
.portal-nav{display:flex;gap:8px;margin:18px 0}.portal-nav button{flex:1;padding:12px 8px}.portal-nav button[aria-pressed=true]{background:#88d9ff;color:#081728;font-weight:700}.back-pay{margin-bottom:18px;background:transparent;border:0;color:#8ed7fb;padding:0}#accountToPay{margin-top:18px;width:100%}#memberPcSession .pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}#memberPcSession .pc-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:12px 7px;min-height:170px;min-width:0;border-radius:12px;text-align:center;overflow-wrap:anywhere}#memberPcSession .pc-tile svg{width:48px;height:48px;flex-shrink:0}#memberPcSession .pc-tile strong{font-size:13px}#memberPcSession .pc-tile span{font-size:11px}#memberPcSession .pc-tile small{font-size:10px;line-height:1.4}#memberPcSession .pc-tile:disabled{opacity:1}#memberPcSession .pc-free{background:#103a30;border-color:#39bb87;color:#97f4cb}#memberPcSession .pc-busy{background:#421f2c;border-color:#dc6078;color:#ffacbc}#memberPcSession .pc-offline{background:#1d293a;border-color:#596779;color:#acb8c8}#memberPcSession .pc-stale{opacity:.55!important}#memberPcSession .pc-legend,#memberPcSession .pc-update{font-size:11px;color:#a7bbd3}#memberPcSession .pc-current{margin-top:12px}@media(max-width:380px){#memberPcSession .pc-grid{gap:7px}#memberPcSession .pc-tile{padding:10px 5px}}@media(min-width:560px){#memberPcSession .pc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
