.vs-sub-list{display:grid;gap:12px 16px}.vs-sub-row{display:grid;grid-template-columns:48px minmax(130px,1.2fr) minmax(100px,.9fr) auto minmax(200px,1.2fr) auto;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--vs-border);border-radius:14px;background:rgba(255,255,255,.02)}.vs-sub-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--vs-gradient);color:#000;font-weight:800;font-size:22px;box-shadow:0 6px 18px rgba(16,185,129,.22)}.vs-sub-name h3{margin:0;font-size:16px;font-weight:600}.vs-sub-date,.vs-sub-name p,.vs-sub-price{margin:0;min-width:0}.vs-sub-name p{margin-top:4px;color:var(--vs-muted);font-size:13px}.vs-sub-price strong{font-size:20px;font-weight:700}.vs-sub-price span{color:var(--vs-muted);font-size:13px}.vs-sub-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}.vs-sub-badge.is-active{background:rgba(16,185,129,.14);color:#34d399}.vs-sub-badge.is-ending{background:rgba(230,187,117,.14);color:#e6bb75}.vs-sub-badge.is-warning{background:rgba(239,144,149,.14);color:#ef9095}.vs-sub-date{padding-left:16px;border-left:1px solid var(--vs-border);color:var(--vs-muted);font-size:14px}.vs-sub-when{white-space:nowrap}.vs-sub-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.vs-row-menu{position:relative}.vs-row-menu-trigger{width:40px;height:40px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;color:var(--vs-muted);cursor:pointer}.vs-row-menu-trigger:hover:not(:disabled),.vs-row-menu-trigger[aria-expanded=true]{background:rgba(255,255,255,.06);color:#fff}.vs-row-menu-item:focus-visible,.vs-row-menu-trigger:focus-visible{outline:2px solid var(--vs-accent);outline-offset:2px}.vs-row-menu-trigger:disabled{opacity:.5;cursor:not-allowed}.vs-row-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:200px;padding:6px;display:grid;gap:2px;border:1px solid var(--vs-border);border-radius:12px;background:#14181d;box-shadow:0 14px 40px rgba(0,0,0,.5)}.vs-row-menu-item{border:0;border-radius:8px;padding:10px 12px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}.vs-row-menu-item:focus-visible,.vs-row-menu-item:hover{background:rgba(255,255,255,.08)}.vs-btn.vs-plan-active{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid #10d98a;background:rgba(16,185,129,.1);color:#10d98a;font-weight:700;cursor:default;opacity:1}.vs-btn.vs-plan-active:disabled{opacity:1}.vs-check-dot{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#10d98a;color:#04130c}.vs-sub-badge .vs-check-dot{width:18px;height:18px;background:#34d399}@media (min-width:901px){@supports (grid-template-columns:subgrid){.vs-sub-list{grid-template-columns:68px minmax(130px,1.2fr) minmax(100px,.9fr) max-content minmax(200px,1.2fr) max-content}.vs-sub-row{grid-column:1/-1;grid-template-columns:subgrid}}.vs-sub-row.is-no-date .vs-sub-actions{grid-column:6}}@media (max-width:900px){.vs-sub-row{grid-template-columns:44px 1fr auto;grid-template-areas:"mark name actions" "price price price" "badge badge badge" "date date date";padding:16px}.vs-sub-mark{grid-area:mark}.vs-sub-name{grid-area:name}.vs-sub-actions{grid-area:actions}.vs-sub-price{grid-area:price}.vs-sub-badge{grid-area:badge;justify-self:start}.vs-sub-date{grid-area:date;padding-left:0;border-left:0}.vs-sub-row.is-no-date{grid-template-areas:"mark name actions" "price price price" "badge badge badge"}}.vs-cancel-entry:has(.vs-sub-list){padding:0;border:0}