.att-kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:16px; }
.att-kpi{ background:var(--color-card,#fff); border:1px solid var(--color-divider,#EAECF0); border-radius:14px; padding:14px 16px; text-align:center; box-shadow:0 1px 2px rgba(16,24,40,.05); animation:attRise .4s cubic-bezier(.22,.61,.36,1) both; }
.att-kpi .v{ font-size:26px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.1; }
.att-kpi .l{ font-size:12.5px; color:var(--color-text-muted,#667085); margin-top:3px; }
@keyframes attRise{ from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:none;} }
.att-cmp-td{ text-align:center !important; min-width:90px; }
.att-bar{ height:7px; border-radius:999px; background:var(--color-divider,#e5e7eb); overflow:hidden; margin:0 auto 3px; max-width:84px; }
.att-bar-fill{ height:100%; border-radius:999px; transition:width .4s ease; }
.att-bar-num{ font-size:11px; font-weight:800; font-variant-numeric:tabular-nums; }
.att-empty{ text-align:center; padding:54px 16px; color:var(--color-text-muted,#667085); }
.att-empty .ic{ font-size:48px; margin-bottom:10px; opacity:.55; }
.att-empty .t{ font-size:16px; font-weight:700; color:var(--color-text,#111827); }
.att-empty .s{ font-size:13px; margin-top:6px; line-height:1.7; }
.att-gps-toggle{ display:inline-flex; align-items:center; gap:6px; padding:9px 16px; border-radius:10px; border:1px solid var(--color-divider,#EAECF0); background:var(--color-surface,#fff); color:var(--color-text-muted,#667085); font-weight:700; font-size:13px; cursor:pointer; margin-bottom:16px; transition:all .15s ease; }
.att-gps-toggle:hover{ color:var(--color-primary,#2563EB); border-color:var(--color-primary,#2563EB); background:rgba(37,99,235,.05); }