.dash-scene{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 30px;margin:0 0 24px;border:1px solid #d7e5fa;border-radius:24px;background:linear-gradient(115deg,#fff 20%,#edf5ff 100%);overflow:hidden;position:relative}.dash-scene>div{position:relative;z-index:1;max-width:750px}.dash-scene-brand{font-size:10px;letter-spacing:1.5px;color:#0867db;font-weight:750}.dash-scene h2{font-size:25px;letter-spacing:-.7px;margin:8px 0}.dash-scene p{color:#68778c;margin:0 0 9px;line-height:1.6}.dash-scene a{display:inline-flex;align-items:center;gap:8px;color:#0067df;font-weight:650;text-decoration:none}.dash-scene img{width:220px;height:130px;object-fit:cover;object-position:center;border-radius:22px;box-shadow:0 15px 35px #1765c62b;transform:rotate(-3deg);flex-shrink:0}.dash-placement{display:flex;align-items:center;gap:20px;margin-top:24px;padding:28px}.dash-placement>div{flex:1}.dash-placement h2{font-size:21px;margin:0 0 8px}.dash-placement p{margin:0;color:var(--muted,#6c7890);max-width:760px;line-height:1.6}.dash-owned-plans{margin-bottom:24px;padding:26px;border:1px solid #cdddff;border-radius:22px;background:linear-gradient(120deg,#f9fcff,#edf3ff)}.dash-owned-plans h2{font-size:22px;margin:0 0 18px}.dash-owned-plans article{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #b8c9e34a}.dash-owned-plans article>div{flex:1}.dash-owned-plans small{display:block;margin-top:5px;color:var(--muted,#6c7890)}.dash-owned-plans>.actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.dash-bot-next{display:flex;align-items:center;gap:20px;padding:18px 24px;margin-bottom:24px;background:linear-gradient(110deg,#f8f7ff,#eef1ff);border:1px solid #dfddf9;border-radius:22px}.dash-bot-next img{width:90px;height:90px;object-fit:cover;border-radius:22px}.dash-bot-next>div{flex:1}.dash-bot-next strong{font-size:18px}.dash-bot-next p{color:var(--muted,#6c7890);font-size:13px;margin:8px 0;max-width:620px;line-height:1.6}.hub-quota span>a{color:inherit;text-decoration:none}.hub-quota span>a:hover{color:#0876f4;text-decoration:underline}.hub-quota span>a:focus-visible,.dash-scene a:focus-visible{outline:3px solid #76b5ff;outline-offset:4px;border-radius:4px}.dash-orders-activate{padding:26px;margin-top:24px}.dash-orders-activate .detail-line small{display:block;margin-top:5px}.dash-placement .hub-icon{flex-shrink:0}.ops-directory td:has(.ops-row-actions){min-width:280px}
[data-theme=dark] .dash-scene,[data-theme=dark] .dash-owned-plans{background:linear-gradient(120deg,#192333,#152e4b);border-color:#314761}[data-theme=dark] .dash-bot-next{background:linear-gradient(110deg,#29253d,#1c2942);border-color:#433b60}[data-theme=dark] .dash-scene a,[data-theme=dark] .dash-scene-brand{color:#83b9ff}[data-theme=dark] .dash-scene p{color:#a0aec2}@media(max-width:1000px){.dash-bot-next{flex-wrap:wrap}.dash-bot-next>div{min-width:200px}.dash-placement{flex-wrap:wrap}}@media(max-width:600px){.dash-scene{padding:20px;gap:12px;align-items:flex-start}.dash-scene h2{font-size:20px}.dash-scene img{width:84px;height:100px;border-radius:16px}.dash-scene p{font-size:12px}.dash-scene-brand{font-size:9px;letter-spacing:1px}.dash-owned-plans{padding:18px}.dash-owned-plans article{flex-wrap:wrap}.dash-placement{padding:20px}.dash-placement>div{min-width:180px}.dash-bot-next{padding:18px;gap:12px}.dash-bot-next img{width:64px;height:64px}.dash-bot-next .button{flex:1;justify-content:center;min-height:44px}}
@media(prefers-reduced-motion:reduce){.dash-scene img{transform:none}}

.dash-scene{min-height:190px;padding-right:225px;background:radial-gradient(ellipse at 90% 80%,#d9e9ff 0,transparent 54%),linear-gradient(120deg,#fff,#f4f8ff)}.dash-illustration{position:absolute;width:210px;height:210px;right:5px;bottom:-12px;pointer-events:none;background-image:url('/dashboard-illustrations89.png');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 12px 15px #2d6dc51a)}.dash-art-cloud{background-position:0 0}.dash-art-files{background-position:100% 0}.dash-art-mail{background-position:0 100%}.dash-art-wallet{background-position:100% 100%}.dash-scene-files{background:radial-gradient(ellipse at right,#e2e8ff,transparent 65%),#fafbff}.dash-scene-mail{background:radial-gradient(ellipse at right,#e5dfff,transparent 65%),#fcfaff}.dash-scene-wallet{background:radial-gradient(ellipse at right,#dbf1f2,transparent 65%),#f8fcff}.hub-shell>.hub-rail{align-self:start;position:sticky;top:90px}.hub-main{min-width:0}
[data-theme=dark] .dash-scene{background:radial-gradient(ellipse at 100% 100%,#214a78,transparent 65%),#172335}[data-theme=dark] .dash-scene-mail{background:radial-gradient(ellipse at right,#3b315f,transparent 65%),#1c2234}[data-theme=dark] .dash-scene-wallet{background:radial-gradient(ellipse at right,#20515e,transparent 65%),#182a35}@media(max-width:1000px){.hub-shell>.hub-rail{position:static}}@media(max-width:600px){.dash-scene{padding:18px 100px 18px 18px;min-height:155px}.dash-illustration{width:120px;height:120px;right:-8px;bottom:0}.dash-scene h2{font-size:20px;max-width:260px}.dash-scene p{font-size:12px}}

/* Each resource category has its own cell in the dhosty illustration series. */
.dash-illustration{width:240px;height:160px;right:0;bottom:12px;background-image:url('/dashboard-scenes92.png');background-size:300% 300%;filter:drop-shadow(0 10px 14px #2d6dc51a)}
.dash-art-web{background-position:0 0}.dash-art-files{background-position:50% 0}.dash-art-sftp{background-position:100% 0}.dash-art-database{background-position:0 50%}.dash-art-mail{background-position:50% 50%}.dash-art-wallet{background-position:100% 50%}.dash-art-servers{background-position:0 100%}.dash-art-support{background-position:50% 100%}.dash-art-schedule{background-position:100% 100%}
[data-theme=dark] .dash-illustration{filter:drop-shadow(0 12px 20px #0004)}
@media(max-width:600px){.dash-illustration{width:135px;height:90px;right:-8px;bottom:8px}.dash-scene{padding-right:125px}.dash-scene h2{font-size:19px}}