/*!
ELYSIANGO Atlas Components
Reusable UI Components
*/
.atlas-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(244,215,121,.2),rgba(0,132,113,.18));border:1px solid rgba(244,215,121,.18);font-weight:700}
.atlas-divider{height:1px;background:rgba(244,215,121,.12);margin:18px 0}
.atlas-tabs{display:flex;gap:8px;flex-wrap:wrap}
.atlas-tab{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(244,215,121,.1);font-weight:700}
.atlas-tab.active{background:linear-gradient(180deg,#fff1a7,#d6b45f);color:#06100d}
.atlas-modal{background:rgba(2,13,10,.94);border:1px solid rgba(244,215,121,.18);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.atlas-drawer{background:#020d0a;border-left:1px solid rgba(244,215,121,.14);padding:24px}
.atlas-toast{padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(244,215,121,.12)}
.atlas-alert-success{border-left:4px solid #00b894}
.atlas-alert-warning{border-left:4px solid #f4d779}
.atlas-alert-danger{border-left:4px solid #ff7675}
.atlas-timeline{display:grid;gap:14px}
.atlas-timeline-item{display:grid;grid-template-columns:24px 1fr;gap:14px}
.atlas-dot{width:14px;height:14px;border-radius:50%;background:#f4d779;margin-top:6px}
.atlas-metric{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(244,215,121,.08)}
.atlas-list{display:grid;gap:10px}
.atlas-list-item{padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(244,215,121,.08)}
.atlas-empty{padding:60px;text-align:center;color:rgba(255,247,232,.6)}
.atlas-skeleton{height:16px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));background-size:200% 100%;animation:shine 1.6s infinite}
@keyframes shine{to{background-position:-200% 0}}
.atlas-dropdown,.atlas-popover{background:#071f1a;border:1px solid rgba(244,215,121,.12);border-radius:18px;padding:12px}
.atlas-stepper{display:flex;gap:10px;align-items:center}
.atlas-step{flex:1;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);text-align:center}
.atlas-step.active{border:1px solid rgba(244,215,121,.25)}
.atlas-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.atlas-price-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(244,215,121,.12)}
.atlas-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.atlas-feature{padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(244,215,121,.1)}