.an-entity-grid>.dt-client-card.dt-card-sky{--dt-card-accent:#7bbcff;--dt-card-rgb:123,188,255}.an-entity-grid>.dt-client-card.dt-card-violet{--dt-card-accent:#c39bff;--dt-card-rgb:195,155,255}.an-entity-grid>.dt-client-card.dt-card-mint{--dt-card-accent:#7ee2be;--dt-card-rgb:126,226,190}.an-entity-grid>.dt-client-card.dt-card-amber{--dt-card-accent:#edc475;--dt-card-rgb:237,196,117}.an-entity-grid>.dt-client-card.dt-card-rose{--dt-card-accent:#f4a2bf;--dt-card-rgb:244,162,191}.an-entity-grid>.dt-client-card.dt-card-indigo{--dt-card-accent:#a1aeff;--dt-card-rgb:161,174,255}
.an-entity-grid>.an-entity-card.dt-client-card{display:flex;flex-direction:column;position:relative;gap:13px;min-width:0;min-height:0;padding:20px;border-radius:19px;border:1px solid rgba(var(--dt-card-rgb),.28);background:radial-gradient(ellipse at 0 0,rgba(var(--dt-card-rgb),.12),transparent 65%),linear-gradient(150deg,#171b26,#10131c 80%);box-shadow:0 12px 32px #0003,0 0 0 1px #ffffff02 inset;overflow:hidden;transition:border-color .15s,box-shadow .15s;isolation:isolate}.an-entity-grid>.an-entity-card.dt-client-card:hover{border-color:rgba(var(--dt-card-rgb),.55);box-shadow:0 16px 35px #0005,0 0 0 1px rgba(var(--dt-card-rgb),.045) inset;transform:none}.an-entity-grid>.dt-client-card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,var(--dt-card-accent),rgba(var(--dt-card-rgb),.1));z-index:1;opacity:.8}
.an-entity-grid>.dt-client-card .an-entity-card-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;margin:0;min-height:70px;padding:2px 0 0}.an-entity-grid>.dt-client-card .an-entity-card-head:before{display:none!important}.dt-client-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;align-self:flex-start;border:1px solid rgba(var(--dt-card-rgb),.27);border-radius:13px;background:linear-gradient(145deg,rgba(var(--dt-card-rgb),.19),rgba(var(--dt-card-rgb),.04));color:var(--dt-card-accent);font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.4px;box-shadow:0 4px 15px rgba(var(--dt-card-rgb),.035)}.an-entity-grid>.dt-client-card .an-rs-id{flex:1 1 125px;min-width:0}.an-entity-grid>.dt-client-card .an-cl-name{font-family:Outfit,system-ui,sans-serif;font-size:20px;font-weight:650;letter-spacing:-.35px;line-height:1.25;color:#f4f6fd;white-space:normal;overflow:visible;overflow-wrap:anywhere;margin:0 0 7px}.an-entity-grid>.dt-client-card .an-rs-email{display:block;font-size:10px;line-height:1.5;color:#8e9ab1;overflow-wrap:anywhere;margin:0}.an-entity-grid>.dt-client-card .an-rs-email code{color:#abb9cf;font-size:10px;background:none;word-break:break-all}.an-entity-grid>.dt-client-card .an-rs-badges{display:flex;flex-wrap:wrap;gap:5px;margin:0;max-width:100%;align-items:flex-start}.an-entity-grid>.dt-client-card .an-pill{font-family:Outfit,system-ui,sans-serif;font-size:9px;line-height:1.35;font-weight:600;padding:5px 7px;border-radius:6px;white-space:normal;max-width:100%;background:#ffffff04;border:1px solid #ffffff18;color:#aeb9ce}.an-entity-grid>.dt-client-card .an-pill.ok{background:#34d19a0b;border-color:#52dca336;color:#86ddba}
.an-entity-grid>.dt-client-card .an-entity-meta.an-rs-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;min-width:0}.an-entity-grid>.dt-client-card .an-entity-meta>span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;min-height:53px;padding:11px 12px;border:1px solid #ffffff09;border-radius:10px;background:#070b1429;font-family:Outfit,system-ui,sans-serif;font-size:11px;line-height:1.45;color:#a4b0c4;overflow-wrap:anywhere}.an-entity-grid>.dt-client-card .an-entity-meta>span:before{display:none}.an-entity-grid>.dt-client-card .an-entity-meta>span:first-child{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:68px;background:linear-gradient(115deg,rgba(var(--dt-card-rgb),.07),#070b1429);border-color:rgba(var(--dt-card-rgb),.15)}.an-entity-grid>.dt-client-card .an-entity-meta>span strong{font-family:inherit;font-size:12px;font-weight:600;line-height:1.45;color:#e1e8f6;white-space:normal}.an-entity-grid>.dt-client-card .an-cl-adults-on{color:#8cddbb!important}.an-entity-grid>.dt-client-card .an-cl-adults-off{color:#b5bed0!important}.an-entity-grid>.dt-client-card .an-cl-adults-pending{color:#c6b58d!important}
.an-entity-grid>.dt-client-card .dt-trial-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;margin:0;border:1px solid #ffffff0b;border-radius:10px;background:#080c1426;font:11px Outfit,system-ui,sans-serif;color:#9daac0}.an-entity-grid>.dt-client-card .dt-trial-contact>button{padding:0;border:0;background:none;color:#d9e5ef;font:500 12px Outfit,system-ui,sans-serif;text-align:right;overflow-wrap:anywhere;cursor:pointer}.an-entity-grid>.dt-client-card .dt-trial-contact small{display:block;font-size:9px;color:#79caa7;margin-top:4px}.an-entity-grid>.dt-client-card .dt-trial-payment-note{margin:0;min-height:44px;padding:10px 12px;border:1px solid #ffffff07;border-radius:8px;background:#080b1426;color:#8794aa;font:10px/1.6 Outfit,system-ui,sans-serif}
.an-entity-grid>.dt-client-card .an-entity-actions.an-rs-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;flex:0 0 auto;min-width:0;margin:3px 0 0}.an-entity-grid>.dt-client-card .an-rs-manage.an-cl-btn{display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:0;min-height:39px;height:auto;padding:9px 10px;white-space:normal!important;overflow-wrap:anywhere;border-radius:9px;border:1px solid #ffffff16;background:#ffffff03;color:#bac8df;font-family:Outfit,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:0;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}.an-entity-grid>.dt-client-card .an-rs-manage.an-cl-btn:hover:not(:disabled){transform:none;background:rgba(var(--dt-card-rgb),.08);border-color:rgba(var(--dt-card-rgb),.38);color:#edf4ff}.an-entity-grid>.dt-client-card .an-cl-act-config{grid-column:1/-1;order:-1;background:linear-gradient(110deg,rgba(var(--dt-card-rgb),.1),rgba(var(--dt-card-rgb),.035));border-color:rgba(var(--dt-card-rgb),.26);color:var(--dt-card-accent)}.an-entity-grid>.dt-client-card .an-cl-act-edit{order:0;background:#ffffff03;color:#c0cbdd;border-color:#ffffff16}.an-entity-grid>.dt-client-card .an-entity-actions>button:last-child{grid-column:auto;order:1}.an-entity-grid>.dt-client-card .an-rs-manage.dt-trial-pay{margin:0;min-height:41px;background:linear-gradient(110deg,#ff7b32,#f54a0b);border-color:#ff8c48;color:white;font-size:12px;box-shadow:0 3px 12px #ff651e13}.an-entity-grid>.dt-client-card .an-rs-manage.dt-trial-pay:disabled{background:linear-gradient(110deg,#3c554a,#263c33);border-color:#8bceb226;color:#a2c7b5;opacity:.8;cursor:default}.an-entity-grid>.dt-client-card>.an-server-info{margin-top:0;border-radius:10px;background:#070c123b;border-color:#ffffff10;overflow-wrap:anywhere}.an-entity-grid>.dt-client-card button:focus-visible{outline:2px solid var(--dt-card-accent);outline-offset:3px}
.dt-client-presence{margin:-20px -20px 1px;position:relative;z-index:2;border-bottom:1px solid #ffffff09;min-width:0}.dt-client-presence-strip{display:flex;align-items:center;gap:7px;min-height:35px;padding:10px 19px;background:#070b172b;color:#8390a6;font:10px/1.4 Outfit,system-ui,sans-serif}.dt-client-presence-strip>strong{font-size:10px;font-weight:600;letter-spacing:.2px}.dt-client-presence-dot{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#6c778c}.dt-client-presence.is-online .dt-client-presence-strip{background:linear-gradient(100deg,#a5e9c4,#d1f5dd);color:#155a37;border-bottom:1px solid #2c9c6033}.dt-client-presence.is-online .dt-client-presence-strip>strong{font-weight:800;letter-spacing:1.15px}.dt-client-presence.is-online .dt-client-presence-dot{background:#1a9c5e;box-shadow:0 0 0 3px #239c5d13}.dt-client-presence-count{margin-left:auto;font-size:9px;letter-spacing:0;color:#246b46;border:1px solid #328c6129;background:#ffffff24;padding:2px 6px;border-radius:5px;white-space:nowrap}.dt-client-watching{display:flex;align-items:center;gap:10px;padding:13px 19px 14px;background:linear-gradient(105deg,#2aca8e13,#2aca8e03);min-width:0}.dt-client-play{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;color:#8ce7b7;border:1px solid #74ddaa28;border-radius:9px;background:#66d49d07}.dt-client-watching>div{min-width:0;flex:1}.dt-client-watching>div>span{display:block;font:9px/1.4 Outfit,system-ui,sans-serif;color:#7fa895;margin-bottom:4px}.dt-client-watching>div>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font:600 13px/1.45 Outfit,system-ui,sans-serif;letter-spacing:-.1px;color:#c8f0dc}.dt-client-presence.is-loading .dt-client-presence-dot{background:var(--dt-card-accent);opacity:.65}.dt-client-presence.is-unknown .dt-client-presence-strip{color:#a89b7d}.dt-client-presence.is-unknown .dt-client-presence-dot{background:#b2a17d}
@media(min-width:1300px){.an-entity-grid:has(>.dt-client-card){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px}}@media(max-width:1299px) and (min-width:901px){.an-entity-grid:has(>.dt-client-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}}@media(max-width:900px) and (min-width:601px){.an-entity-grid:has(>.dt-client-card){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.an-entity-grid>.an-entity-card.dt-client-card{padding:17px}.dt-client-presence{margin:-17px -17px 1px}.an-entity-grid>.dt-client-card .an-entity-meta{gap:6px}.an-entity-grid>.dt-client-card .an-entity-meta>span{padding:9px;font-size:10px}.an-entity-grid>.dt-client-card .an-rs-id{flex-basis:100px}.an-entity-grid>.dt-client-card .an-cl-name{font-size:18px}.an-entity-grid>.dt-client-card .an-rs-badges{margin-left:50px}.dt-client-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px}}
@media(max-width:600px){.an-entity-grid:has(>.dt-client-card){grid-template-columns:minmax(0,1fr)!important;gap:14px}.an-entity-grid>.an-entity-card.dt-client-card{padding:18px;border-radius:17px;gap:12px}.dt-client-presence{margin:-18px -18px 1px}.dt-client-presence-strip{padding-left:18px;padding-right:18px}.dt-client-watching{padding-left:18px;padding-right:18px}.an-entity-grid>.dt-client-card .an-entity-card-head{min-height:60px}.an-entity-grid>.dt-client-card .an-cl-name{font-size:22px}.an-entity-grid>.dt-client-card .an-rs-badges{margin-left:0}.an-entity-grid>.dt-client-card .an-rs-id{flex:1 1 135px}.an-entity-grid>.dt-client-card .an-entity-meta>span{font-size:11px;padding:11px}.an-entity-grid>.dt-client-card .an-rs-manage.an-cl-btn{min-height:43px;font-size:12px}.an-entity-grid>.dt-client-card .dt-trial-contact>button{font-size:13px}.dt-client-presence-strip>strong{font-size:11px}.dt-client-watching>div>strong{font-size:14px}}
@media(max-width:350px){.an-entity-grid>.dt-client-card .an-cl-name{font-size:20px}.an-entity-grid>.dt-client-card .an-entity-meta>span{padding:9px;font-size:10px}.an-entity-grid>.dt-client-card .an-entity-meta>span strong{font-size:11px}.an-entity-grid>.dt-client-card .an-rs-id{flex-basis:120px}.an-entity-grid>.dt-client-card .an-pill{font-size:8px}.dt-client-watching>div>strong{font-size:13px}.an-entity-grid>.dt-client-card .an-rs-manage.an-cl-btn{font-size:11px}}
.an-entity-grid>.dt-client-card .an-entity-actions.an-rs-actions{margin-top:auto}.an-entity-grid>.dt-client-card .an-entity-meta>span:first-child{flex-direction:column;align-items:stretch;gap:8px;min-height:78px}
@media(prefers-reduced-motion:reduce){.an-entity-grid>.dt-client-card,.an-entity-grid>.dt-client-card *{transition:none!important;animation:none!important}}