@tailwind base;@tailwind components;@tailwind utilities;@layer base{*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,sans-serif;background:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}input,select,textarea{font-family:inherit}}@layer components{.card{@apply bg-white rounded-xl border border-surface-3 shadow-card;}.card-header{@apply px-5 py-3.5 border-b border-surface-3 flex items-center justify-between;}.card-title{@apply text-sm font-semibold text-ink-900;}.btn{@apply inline-flex items-center gap-1.5 font-medium rounded-lg transition-all duration-150 active:scale-[.98] cursor-pointer select-none;}.btn-sm{@apply btn text-xs px-3 py-1.5;}.btn-md{@apply btn text-sm px-4 py-2;}.btn-lg{@apply btn text-sm px-5 py-2.5;}.btn-primary{@apply bg-brand-700 text-white hover:bg-brand-800 shadow-sm;}.btn-secondary{@apply bg-surface-2 text-ink-700 hover:bg-surface-3 border border-surface-3;}.btn-danger{@apply bg-status-red/10 text-status-red hover:bg-status-red/20;}.btn-ghost{@apply text-ink-500 hover:text-ink-900 hover:bg-surface-2;}.input{@apply w-full text-sm bg-white border border-surface-3 rounded-lg px-3 py-2 text-ink-900 placeholder-ink-300 focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500 transition-colors;}.label{@apply text-xs font-medium text-ink-500 mb-1.5 block;}.select{@apply input appearance-none;}.badge{@apply inline-flex items-center gap-1 text-xs font-medium px-2 py-0.5 rounded-full;}.badge-blue{@apply badge bg-brand-50 text-brand-700;}.badge-green{@apply badge bg-emerald-50 text-emerald-700;}.badge-amber{@apply badge bg-amber-50 text-amber-700;}.badge-red{@apply badge bg-red-50 text-red-700;}.badge-gray{@apply badge bg-surface-2 text-ink-500;}.badge-purple{@apply badge bg-purple-50 text-purple-700;}.dot{@apply w-2 h-2 rounded-full flex-shrink-0;}.dot-green{@apply dot bg-status-green;}.dot-amber{@apply dot bg-status-yellow animate-pulse;}.dot-red{@apply dot bg-status-red;}.dot-gray{@apply dot bg-ink-300;}.dot-blue{@apply dot bg-status-blue;}.table-row{@apply flex items-center border-b border-surface-2 hover:bg-surface-1 transition-colors;}.table-header{@apply text-[10px] font-semibold text-ink-400 uppercase tracking-wider;}.stat-card{@apply card p-4;}.stat-value{@apply text-2xl font-bold text-ink-900 font-mono;}.stat-label{@apply text-xs text-ink-400 mt-0.5;}.stat-delta{@apply text-xs font-medium mt-1;}.nav-item{@apply flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium text-ink-500 hover:text-ink-900 hover:bg-surface-2 transition-all duration-150 cursor-pointer;}.nav-item.active{@apply bg-brand-50 text-brand-700;}.dial-key{@apply flex flex-col items-center justify-center rounded-xl bg-surface-1 border border-surface-3 font-mono font-semibold text-ink-900 transition-all duration-100 hover:bg-surface-2 hover:border-surface-3 active:scale-95 active:bg-surface-3 cursor-pointer select-none;}.live-ring{box-shadow:0 0 0 3px #f59e0b26}}.in-call .topbar{background:#fffbeb!important;border-bottom-color:#fde68a!important}.in-call .topbar .status-chip{background:#fef3c7;color:#92400e;border-color:#fcd34d}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .2s cubic-bezier(.16,1,.3,1) both}