@tailwind base;@tailwind components;@tailwind utilities;:root{--atl-purple:#6b5ea8;--atl-purple-l:#8b7bc8;--atl-purple-d:#4a3f7a;--atl-teal:#1d9e75;--atl-teal-l:#2ec494;--atl-teal-d:#0f6e52;--atl-bg:#0e0e0f;--atl-bg-2:#17171a;--atl-bg-3:#1f1f24;--atl-bg-4:#28282f;--atl-text:#f0eff5;--atl-text-2:#a09db8;--atl-text-3:#6b6882;--atl-border:hsla(0,0%,100%,.08);--atl-border-2:hsla(0,0%,100%,.14);--atl-success:#2ec494;--atl-warning:#ef9f27;--atl-danger:#e24b4a;--atl-r:10px;--atl-r-lg:16px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background:var(--atl-bg);color:var(--atl-text)}body{font-family:var(--font-geist-sans),system-ui,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--atl-bg-2)}::-webkit-scrollbar-thumb{background:var(--atl-bg-4);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--atl-text-3)}@layer components{.atl-card{@apply rounded-atl border bg-[--atl-bg-3];padding:16px}.atl-card,.atl-card-lg{border-color:var(--atl-border)}.atl-card-lg{@apply rounded-atl-lg border bg-[--atl-bg-3];padding:24px}.atl-btn-primary{@apply inline-flex items-center gap-2 rounded-atl px-4 py-2.5 text-sm font-medium text-[--atl-text] transition-all duration-150;background:var(--atl-purple)}.atl-btn-primary:hover{background:var(--atl-purple-l)}.atl-btn-primary:active{transform:scale(.98)}.atl-btn-teal{@apply inline-flex items-center gap-2 rounded-atl px-4 py-2.5 text-sm font-medium text-[--atl-text] transition-all duration-150;background:var(--atl-teal)}.atl-btn-teal:hover{background:var(--atl-teal-l)}.atl-btn-teal:active{transform:scale(.98)}.atl-btn-secondary{@apply inline-flex items-center gap-2 rounded-atl px-4 py-2 text-sm transition-all duration-150;color:var(--atl-text-2);border:.5px solid var(--atl-border-2);background:transparent}.atl-btn-secondary:hover{background:hsla(0,0%,100%,.05);color:var(--atl-text)}.atl-input{@apply w-full rounded-atl text-sm outline-none transition-all duration-150;background:var(--atl-bg-3);border:.5px solid var(--atl-border-2);color:var(--atl-text);padding:9px 12px}.atl-input::placeholder{color:var(--atl-text-3)}.atl-input:focus{border-color:var(--atl-purple)}.atl-label{@apply block text-xs font-medium mb-1.5;color:var(--atl-text-2);letter-spacing:.04em}.atl-section{@apply text-xs font-medium uppercase tracking-widest mb-3;color:var(--atl-text-3)}.atl-badge-purple{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;background:rgba(107,94,168,.2);color:var(--atl-purple-l);border:.5px solid rgba(107,94,168,.4)}.atl-badge-teal{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;background:rgba(29,158,117,.15);color:var(--atl-teal-l);border:.5px solid rgba(29,158,117,.35)}.atl-badge-neutral{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;background:hsla(0,0%,100%,.07);color:var(--atl-text-2);border:.5px solid var(--atl-border-2)}.atl-badge-success{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;background:rgba(46,196,148,.12);color:var(--atl-success);border:.5px solid rgba(46,196,148,.3)}.atl-badge-warning{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;background:rgba(239,159,39,.12);color:var(--atl-warning);border:.5px solid rgba(239,159,39,.3)}.atl-badge-danger{@apply inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium;background:rgba(226,75,74,.12);color:var(--atl-danger);border:.5px solid rgba(226,75,74,.3)}.atl-progress-track{@apply rounded-full overflow-hidden;height:4px;background:hsla(0,0%,100%,.08)}.atl-progress-fill-purple{@apply h-full rounded-full transition-all duration-500;background:var(--atl-purple)}.atl-progress-fill-teal{@apply h-full rounded-full transition-all duration-500;background:var(--atl-teal)}.atl-option-row{@apply flex items-center gap-3 rounded-atl cursor-pointer transition-all duration-150;padding:10px 14px;border:.5px solid var(--atl-border);background:var(--atl-bg-3)}.atl-option-row:hover{border-color:var(--atl-border-2)}.atl-option-row.selected{border-color:var(--atl-purple);background:rgba(107,94,168,.1)}.atl-info-btn{@apply flex items-center justify-center rounded-full text-xs font-medium flex-shrink-0 transition-all duration-150 cursor-pointer;width:22px;height:22px;color:var(--atl-purple-l);border:.5px solid var(--atl-border-2)}.atl-info-btn:hover{background:rgba(107,94,168,.2)}.atl-divider{@apply my-4;height:.5px;background:var(--atl-border)}.atl-metric{@apply rounded-atl;padding:14px;background:var(--atl-bg-2);border:.5px solid var(--atl-border)}.atl-metric-label{font-size:11px;color:var(--atl-text-3);margin-bottom:4px}.atl-metric-value{font-size:22px;font-weight:500;color:var(--atl-text)}.atl-metric-sub{font-size:10px;color:var(--atl-text-3);margin-top:2px}.atl-env-staging{@apply w-full text-center text-xs font-medium py-1.5;background:rgba(239,159,39,.15);color:var(--atl-warning);border-bottom:.5px solid rgba(239,159,39,.3);letter-spacing:.06em}}