.dashboard-page{gap:var(--overview-page-gap);width:min(100%, var(--overview-page-width));display:grid}.dashboard-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:2px;display:flex}.dashboard-page-heading{flex:240px;min-width:0}.dashboard-eyebrow{color:var(--muted-foreground);font-size:var(--overview-text-meta);margin:0 0 6px;font-weight:500}.dashboard-page-heading h1{font-size:var(--overview-text-page);letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.25}.dashboard-description{color:var(--muted-foreground);font-size:var(--overview-text-body);max-width:68ch;margin:6px 0 0;line-height:1.5}.dashboard-header-end{align-items:center;gap:12px;max-width:100%;display:flex}.dashboard-header-icon{color:var(--muted-foreground);place-items:center;display:grid}.dashboard-header-icon svg{width:22px;height:22px}.dashboard-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-section{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 96%, transparent);border-radius:18px;min-width:0;padding:20px;box-shadow:inset 0 1px #ffffffb3}.dark .dashboard-section{box-shadow:none}.dashboard-section-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.dashboard-section-heading>div:first-child{min-width:0}.dashboard-section-heading h2{font-size:var(--overview-text-section);letter-spacing:-.025em;margin:0;font-weight:620}.dashboard-section-heading p{color:var(--muted-foreground);font-size:var(--overview-text-control);margin:4px 0 0;line-height:1.55}.dashboard-skeleton{gap:10px;display:grid}.dashboard-skeleton span{background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--card) 70%, transparent) 50%, transparent 80%) var(--muted);background-size:200% 100%;border-radius:12px;height:52px}@media (prefers-reduced-motion:no-preference){.dashboard-skeleton span{animation:1.4s linear infinite dashboard-shimmer}}@keyframes dashboard-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.dashboard-panel{border:1px solid var(--border);border-radius:var(--overview-panel-radius);background:var(--card);min-width:0;overflow:hidden}.dashboard-panel-heading{padding:var(--overview-panel-padding);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-panel-heading h2{font-size:var(--overview-text-section);letter-spacing:-.025em;font-weight:600}.dashboard-panel-heading p{font-size:var(--overview-text-body);color:var(--muted-foreground);margin-top:5px}.dashboard-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.dashboard-state-icon{background:var(--muted);width:36px;height:36px;color:var(--muted-foreground);border-radius:10px;place-items:center;display:grid}.dashboard-state-icon svg{width:20px;height:20px}.dashboard-state.has-art{gap:8px;padding:22px 20px 28px}.dashboard-state.has-art .empty-state-art{margin-bottom:6px}.dashboard-state-icon[data-kind=error]{background:color-mix(in srgb, var(--destructive) 10%, var(--card));color:var(--destructive)}.dashboard-state h3{font-size:var(--overview-text-title);letter-spacing:-.02em;font-weight:600}.dashboard-state p{max-width:52ch;font-size:var(--overview-text-body);color:var(--muted-foreground);line-height:1.6}.dashboard-state .dashboard-actions{justify-content:center;margin-top:8px}.dashboard-security-note{border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 55%, var(--card));border-radius:14px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.dashboard-security-note>svg{background:color-mix(in srgb, var(--action) 26%, var(--card));width:32px;height:32px;color:var(--primary);border-radius:9px;flex-shrink:0;padding:7px}.dashboard-security-note h2{font-size:var(--overview-text-control);font-weight:620}.dashboard-security-note p{color:var(--muted-foreground);font-size:var(--overview-text-meta);margin-top:2px;line-height:1.55}@media (width<=650px){.dashboard-section{border-radius:16px;padding:16px}.dashboard-section-heading{flex-direction:column;align-items:stretch}.dashboard-section-heading .dashboard-actions{align-self:flex-start}}@media (width<=750px){.dashboard-page-header{align-items:flex-start}.dashboard-header-icon{display:none}.dashboard-security-note{padding:16px}}.dashboard-page .models-hero,.dashboard-page .playground-banner{border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(240px,38%);min-height:172px}.dashboard-page .models-hero-copy,.dashboard-page .playground-banner-copy{padding:20px 24px}.dashboard-page .models-hero h1,.dashboard-page .playground-banner h1{letter-spacing:-.035em;font-size:28px;line-height:1.2}.dashboard-page .models-hero-description,.dashboard-page .playground-banner .dashboard-description{margin:8px 0 12px;font-size:14px;line-height:1.5}.dashboard-page .models-hero-eyebrow{letter-spacing:.08em;margin-bottom:8px;font-size:11px}.dashboard-page .models-hero-signature,.dashboard-page .playground-banner-signature{display:none}.dashboard-page .models-constellation,.dashboard-page .playground-banner-art{height:160px}@media (width<=750px){.dashboard-page .models-hero,.dashboard-page .playground-banner{grid-template-columns:minmax(0,1fr);min-height:130px}.dashboard-page .models-hero-copy,.dashboard-page .playground-banner-copy{padding:16px}.dashboard-page .models-hero h1,.dashboard-page .playground-banner h1{padding-right:90px;font-size:24px}.dashboard-page .models-hero-description,.dashboard-page .playground-banner .dashboard-description{max-width:none;margin-top:18px}.dashboard-page .models-constellation,.dashboard-page .playground-banner-art{opacity:.9;width:115px;height:64px;position:absolute;top:8px;right:0}.dashboard-page .playground-empty{padding:16px}}.dashboard-banner{isolation:isolate;border:1px solid var(--border);background:radial-gradient(ellipse at 76% 50%, color-mix(in srgb, var(--action) 16%, transparent), transparent 62%), var(--card);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;min-height:196px;display:grid;position:relative;overflow:hidden}.dashboard-banner:before{z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--muted-foreground) 26%, transparent) 1px, transparent 1px);content:"";opacity:.5;background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 90% at 76%,#000,#0000 75%);mask-image:radial-gradient(50% 90% at 76%,#000,#0000 75%)}.dashboard-banner-copy{min-width:0;padding:22px 24px}.dashboard-banner-eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 6px;font-size:11px;font-weight:650;display:flex}.dashboard-banner-eyebrow svg{flex:none;width:14px;height:14px}.dashboard-banner h1{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:640;line-height:1.15}.dashboard-banner-description{max-width:52ch;color:var(--muted-foreground);text-wrap:pretty;margin:8px 0 14px;font-size:14px;line-height:1.55}.dashboard-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-banner-art{align-self:stretch;place-items:center;min-width:0;padding:10px 16px 10px 0;display:grid}.dashboard-banner-art>svg{stroke-linecap:round;stroke-linejoin:round;width:100%;height:auto;max-height:184px;overflow:visible}@media (width<=1100px){.dashboard-banner{grid-template-columns:minmax(0,1fr) minmax(240px,340px)}}@media (width<=750px){.dashboard-banner{grid-template-columns:minmax(0,1fr);min-height:0}.dashboard-banner:before{-webkit-mask-image:radial-gradient(40% 50% at 88% 18%,#000,#0000 75%);mask-image:radial-gradient(40% 50% at 88% 18%,#000,#0000 75%)}.dashboard-banner-copy{padding:16px}.dashboard-banner-eyebrow,.dashboard-banner h1{padding-right:124px}.dashboard-banner h1{font-size:24px}.dashboard-banner-art{pointer-events:none;width:120px;padding:0;display:block;position:absolute;top:12px;right:10px}.dashboard-banner-art>svg{max-height:64px;display:block}}.empty-state-art{stroke-linecap:round;stroke-linejoin:round;width:min(220px,100%);height:auto;overflow:visible}.empty-state-art *{transform-box:fill-box;transform-origin:50%}.empty-state-art .esa-card{fill:var(--card);stroke:color-mix(in srgb, var(--foreground) 22%, var(--border));stroke-width:1.4px}.empty-state-art .esa-card-back{fill:var(--muted)}.empty-state-art .esa-screen{fill:color-mix(in srgb, var(--action) 14%, var(--card));stroke:color-mix(in srgb, var(--primary) 30%, var(--border))}.empty-state-art .esa-line,.empty-state-art .esa-axis{stroke:color-mix(in srgb, var(--muted-foreground) 60%, transparent);stroke-width:2px}.empty-state-art .esa-axis{stroke-width:1px;stroke-dasharray:2 4}.empty-state-art .esa-cursor,.empty-state-art .esa-packet,.empty-state-art .esa-hub-dot,.empty-state-art .esa-orbit{fill:var(--primary)}.empty-state-art .esa-packet{fill:var(--action);stroke:var(--primary);stroke-width:1.2px}.empty-state-art .esa-wire{stroke:color-mix(in srgb, var(--primary) 45%, var(--border));stroke-width:1.4px;stroke-dasharray:3 4}.empty-state-art .esa-hub rect{fill:var(--primary)}.empty-state-art .esa-hub path{stroke:var(--action);stroke-width:2px}.empty-state-art .esa-ring{stroke:color-mix(in srgb, var(--action) 70%, var(--primary));stroke-width:1.2px;opacity:0}.empty-state-art .esa-trace{stroke:var(--primary);stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:0}.empty-state-art .esa-scanline{stroke:color-mix(in srgb, var(--primary) 50%, transparent);stroke-width:1.5px}.empty-state-art .esa-plug-body{fill:var(--card);stroke:var(--primary);stroke-width:1.6px}.empty-state-art .esa-plug .esa-line{stroke:var(--primary)}.empty-state-art .esa-spark{stroke:color-mix(in srgb, var(--action) 80%, var(--primary));stroke-width:1.6px}.empty-state-art .esa-grid rect{fill:var(--muted);stroke:var(--border)}.empty-state-art .esa-lens circle{fill:color-mix(in srgb, var(--card) 70%, transparent);stroke:var(--primary);stroke-width:2.4px}.empty-state-art .esa-lens path{stroke:var(--primary);stroke-width:3.2px}.empty-state-art .esa-key{transform-origin:50% 30%}@media (prefers-reduced-motion:no-preference){.empty-state-art *{animation-play-state:paused}.empty-state-art[data-playing] *{animation-play-state:running}.esa-cursor{animation:1.1s step-end infinite esa-blink}.esa-wire{animation:1.4s linear infinite esa-flow}.esa-ring{animation:2.4s ease-out infinite esa-ring}.esa-trace{animation:3.6s cubic-bezier(.16,1,.3,1) infinite esa-trace}.esa-scanline{animation:2.8s ease-in-out infinite esa-scan}.esa-plug{animation:2.8s ease-in-out infinite esa-plug}.esa-spark{animation:2.4s ease-in-out infinite esa-twinkle}.esa-spark-2{animation-delay:1.1s}.esa-card-back{animation:4s ease-in-out infinite esa-float}.esa-key{animation:3.2s ease-in-out infinite esa-swing}.esa-orbit{animation:3s ease-in-out infinite esa-float}.esa-orbit-2{animation-delay:1.2s}.esa-lens{animation:5s ease-in-out infinite esa-search}.esa-grid rect:nth-child(5n+2){animation:3s ease-in-out infinite esa-twinkle}}@media (prefers-reduced-motion:reduce){.empty-state-art .esa-packet{display:none}}@keyframes esa-blink{50%{opacity:0}}@keyframes esa-flow{to{stroke-dashoffset:-14px}}@keyframes esa-ring{0%,45%{opacity:0;transform:scale(.85)}55%{opacity:.9}to{opacity:0;transform:scale(1.45)}}@keyframes esa-trace{0%{stroke-dashoffset:1px}60%,to{stroke-dashoffset:0}}@keyframes esa-scan{0%,to{opacity:.2;transform:translateY(-12px)}50%{opacity:1;transform:translateY(12px)}}@keyframes esa-plug{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes esa-twinkle{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes esa-float{50%{transform:translateY(-4px)}}@keyframes esa-swing{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes esa-search{0%,to{transform:translate(-34px,-8px)}33%{transform:translate(30px,-12px)}66%{transform:translate(8px,14px)}}
