/* ============================================================
   Phony — dashboard analytics UI
   ============================================================ */
.an-loading, .an-empty { text-align:center; padding:2rem 1rem; color: var(--text-secondary,#8a8a8f); font-size:0.9rem; }

.an-stats {
    display:grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
    gap:0.8rem; margin-bottom:1.5rem;
}
.an-stat {
    background: var(--glass-1, rgba(255,255,255,0.04)); border:1px solid var(--rim, rgba(255,255,255,0.08));
    border-radius: var(--radius-md,14px); padding:1.1rem 1.2rem;
}
.an-stat-val { font-size:1.5rem; font-weight:700; color:#fff; letter-spacing:-0.02em; }
.an-stat-lbl { font-size:0.76rem; color: var(--text-secondary,#8a8a8f); margin-top:4px; text-transform:uppercase; letter-spacing:0.05em; }

/* bar chart */
.an-bars { display:flex; align-items:flex-end; gap:4px; height:140px; padding:10px 4px 0; overflow-x:auto; }
.an-bar-col { flex:1 0 auto; min-width:8px; display:flex; align-items:flex-end; justify-content:center; height:100%; }
.an-bar { width:100%; max-width:18px; border-radius:5px 5px 0 0; background: linear-gradient(180deg,#4a9eff,#7c5cff); transition: filter .15s; }
.an-bar-col:hover .an-bar { filter: brightness(1.25); }

/* top destinations */
.an-dest-list { display:flex; flex-direction:column; gap:0.4rem; }
.an-dest { display:flex; align-items:center; gap:0.8rem; padding:0.7rem 0.9rem; background:var(--glass-1,rgba(255,255,255,0.04)); border:1px solid var(--rim,rgba(255,255,255,0.08)); border-radius:12px; }
.an-dest-rank { flex:none; width:24px; height:24px; border-radius:50%; background:var(--glass-2,rgba(255,255,255,0.07)); display:flex; align-items:center; justify-content:center; font-size:0.78rem; font-weight:700; color:#9fb8ff; }
.an-dest-name { flex:1; font-weight:600; color:#fff; font-size:0.92rem; }
.an-dest-meta { font-size:0.76rem; color:var(--text-secondary,#8a8a8f); white-space:nowrap; }
.an-dest-spend { font-weight:700; color:#fff; font-size:0.92rem; min-width:70px; text-align:right; }

/* PRO lock */
.an-lock { text-align:center; position:relative; }
.an-lock-badge { display:inline-block; background:linear-gradient(135deg,#ffd166,#ff8a3d); color:#1a1208; font-weight:800; font-size:12px; letter-spacing:0.08em; padding:5px 14px; border-radius:999px; margin-bottom:14px; }
.an-lock h3 { font-size:1.3rem; color:#fff; margin:0 0 10px; }
.an-lock p { color:var(--text-secondary,#a1a1a6); font-size:0.95rem; line-height:1.6; max-width:460px; margin:0 auto 18px; }
.an-lock-list { list-style:none; padding:0; margin:0 auto 22px; max-width:340px; text-align:left; display:flex; flex-direction:column; gap:9px; }
.an-lock-list li { position:relative; padding-left:26px; color:var(--text-secondary,#b4b4ba); font-size:0.9rem; }
.an-lock-list li::before { content:''; position:absolute; left:4px; top:7px; width:8px; height:8px; border-radius:50%; background:linear-gradient(135deg,#ffd166,#ff8a3d); }
.an-lock-btn { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#ffd166,#ff8a3d); color:#1a1208; font-weight:800; text-decoration:none; padding:13px 26px; border-radius:13px; font-size:0.95rem; transition:transform .15s; }
.an-lock-btn:hover { transform:translateY(-2px); }

@media (max-width:560px){ .an-stat-val{font-size:1.25rem} .an-dest-meta{display:none} }