.sub .loading{text-align:center;color:var(--mut);font-size:14.5px;padding:40px 0}.sub .card{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:15px 16px 16px;margin-bottom:12px}.sub .cardtop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sub .cname{font-weight:700;color:var(--teal-2);font-size:15.5px;min-width:0}.sub .pill{flex:0 0 auto;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:#eef3f2;color:var(--mut);white-space:nowrap}.sub .pill.active{background:#e7f2f0;color:var(--teal)}.sub .pill.paused{background:#fdf3e3;color:#8a6420}.sub .pill.cancelled{background:#f6f2f1;color:#8c6b64}.sub .pill.pending{text-transform:none;letter-spacing:.2px;background:#eef6f4;color:var(--teal-2)}.sub .pill.vip{background:#f7edd6;color:#7a5c12;box-shadow:inset 0 0 0 1px var(--gold)}.sub .rows{margin:12px 0 0;padding:0;border-top:1px solid var(--line)}.sub .rows .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.sub .rows dt{margin:0;font-size:13.5px;color:var(--mut)}.sub .rows dd{margin:0;font-size:14.5px;font-weight:600;color:var(--ink);text-align:end}.sub .card .chk{margin-top:14px}.sub .chk.busy{opacity:.6;cursor:default}.sub .chk:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.sub .act{width:100%;margin-top:12px;background:#fff;color:var(--teal);border:1.5px solid var(--teal);border-radius:10px;padding:12px;font:700 14.5px/1 inherit;cursor:pointer;min-height:46px}.sub .act:hover{background:#f2f7f6}.sub .act.resume{background:var(--teal);color:#fff}.sub .act.resume:hover{background:var(--teal-2)}.sub .act:disabled{opacity:.62;cursor:default}.sub .card .err{margin-top:12px;text-align:start}.sub .signout{text-align:center;margin-top:22px}.sub .buyform{margin-top:14px;padding-top:14px;border-top:1.5px solid var(--line);text-align:start}.sub .buyform .f{margin-bottom:12px}.sub .buyform .f:last-of-type{margin-bottom:0}.sub .card .cta{margin-top:14px}.sub .buyform .linkbtn{display:block;width:100%;margin-top:10px;text-align:center}.sub .banner{border-radius:10px;padding:13px 15px;margin-bottom:16px;font-size:13.5px;line-height:1.5;text-align:start}.sub .banner b{font-weight:700}.sub .banner.ok{background:#eef6f4;border:1.5px solid var(--teal);color:var(--teal-2)}.sub .banner.warn{background:#fbf3ec;border:1.5px solid #d9b98a;color:#7a5c12}.sub .offerswa{text-align:center;color:var(--mut);font-size:13px;margin:2px 0 0}.arow{display:flex;align-items:flex-start;gap:8px;margin:4px 0 12px;cursor:pointer}.arow input{margin:2px 0 0;flex:none;width:16px;height:16px;cursor:pointer}.arow span{font-size:12px;line-height:1.5}.nextcharge{margin:6px 0 0;font-size:12px;opacity:.85}.sub .pauseoffer,.sub .pausesched{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sub .pauseoffer .err,.sub .pausesched .note{margin:0}