@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{font-family:Inter,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased}body{@apply bg-surface text-ink;}*:focus-visible{@apply outline-none ring-2 ring-brand-500 ring-offset-1;}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{@apply bg-surface-2 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-ink-4;}}@layer components{.btn{@apply inline-flex items-center justify-center gap-1.5 rounded-[9px] font-semibold transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed select-none whitespace-nowrap;}.btn-primary{@apply btn bg-brand-500 text-white shadow-sm hover:bg-brand-600 active:bg-brand-700 px-3.5 py-2 text-[13px];}.btn-secondary{@apply btn bg-white text-ink border border-border shadow-xs hover:bg-surface active:bg-surface-2 px-3.5 py-2 text-[13px];}.btn-ghost{@apply btn text-ink-2 hover:bg-surface hover:text-ink px-3.5 py-2 text-[13px];}.btn-danger{@apply btn bg-danger text-white shadow-sm hover:opacity-90 px-3.5 py-2 text-[13px];}.btn-sm{@apply !px-2.5 !py-1.5 !text-xs !rounded-lg;}.btn-xs{@apply !px-2 !py-1 !text-[11.5px] !rounded-md;}.btn-lg{@apply !px-5 !py-2.5 !text-sm !rounded-xl;}.btn-icon{@apply btn !p-2 !rounded-lg;}.card{@apply bg-white border border-border rounded-2xl shadow-sm overflow-hidden;}.card-header{@apply flex items-center justify-between px-5 py-4 border-b border-border;}.card-title{@apply text-[13.5px] font-bold text-ink;}.card-body{@apply p-5;}.form-label{@apply block text-xs font-semibold text-ink mb-1.5;}.form-input{@apply block w-full rounded-[9px] border border-border bg-white px-3.5 py-2.5 text-[13.5px] text-ink placeholder-ink-3 shadow-xs transition-all duration-150 focus:border-brand-500 focus:ring-2 focus:ring-brand-500/20 focus:outline-none disabled:bg-surface disabled:text-ink-3;}.form-select{@apply form-input appearance-none cursor-pointer pr-9;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238B90A4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .625rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.form-textarea{@apply form-input resize-none;}.form-checkbox{@apply w-4 h-4 rounded border-border text-brand-500 focus:ring-brand-500/20 cursor-pointer;}.form-error{@apply mt-1.5 text-xs text-danger;}.form-hint{@apply mt-1.5 text-xs text-ink-3;}.form-group{@apply mb-4;}.badge{@apply inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-[11.5px] font-semibold leading-snug;}.badge-success{@apply bg-success-bg text-success;}.badge-warning{@apply bg-warning-bg text-warning;}.badge-danger{@apply bg-danger-bg text-danger;}.badge-info{@apply bg-brand-50 text-brand-500;}.badge-brand{@apply bg-brand-100 text-brand-600;}.badge-neutral{@apply bg-surface-2 text-ink-2 ring-1 ring-border;}.badge-purple{@apply bg-purple-50 text-purple-700;}.table-wrap{@apply overflow-x-auto;}.table{@apply w-full border-collapse;}.table thead th{@apply px-4 py-2.5 text-left text-[11px] font-bold uppercase tracking-wider text-ink-3 bg-surface border-b border-border;}.table tbody td{@apply px-4 py-3 text-[13px] text-ink-2 border-b border-border;}.table tbody tr{@apply transition-colors duration-100;}.table tbody tr:hover td{@apply bg-surface/60;}.table tbody tr:last-child td{@apply border-b-0;}.table .cell-strong{@apply text-ink font-semibold;}.nav-item{@apply flex items-center gap-2.5 w-full px-2.5 py-2 rounded-lg text-[12.5px] font-medium text-sidebar-text hover:bg-sidebar-2 hover:text-white transition-colors duration-100 text-left border-0 bg-transparent cursor-pointer;color:#6b7280}.nav-item.active{@apply bg-sidebar-3 text-white;position:relative}.nav-item.active:before{content:"";position:absolute;top:4px;bottom:4px;width:2.5px;background:#2563eb;border-radius:0 2px 2px 0;left:-8px}.nav-section-label{@apply px-2.5 pt-4 pb-1 text-[10px] font-semibold uppercase tracking-widest;color:#374151}.kpi-card{@apply card p-5 cursor-default hover:-translate-y-0.5 hover:shadow-md hover:border-border-2 transition-all duration-150;}.kpi-value{@apply text-[28px] font-extrabold text-ink leading-none tracking-tight tabular-nums mt-3 mb-1.5;}.kpi-label{@apply text-[11.5px] font-semibold text-ink-3 uppercase tracking-wide;}.kpi-meta{@apply text-xs text-ink-3 flex items-center gap-1.5;}.status-dot{@apply inline-block w-1.5 h-1.5 rounded-full;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.page-header{@apply flex items-start justify-between gap-4 px-6 py-5 border-b border-border bg-white;}.page-title{@apply text-xl font-extrabold text-ink tracking-tight;}.page-sub{@apply text-[13px] text-ink-3 mt-0.5;}.page-body{@apply p-6;}.empty-state{@apply flex flex-col items-center justify-center text-center py-16 px-8;}.empty-icon{@apply w-12 h-12 text-ink-4 mx-auto mb-4;}.empty-title{@apply text-sm font-semibold text-ink-2 mb-1;}.empty-sub{@apply text-sm text-ink-3 mb-5;}.progress{@apply bg-surface-2 rounded-full overflow-hidden;}.progress-bar{@apply h-full rounded-full transition-all duration-700;}.impersonation-banner{@apply fixed top-0 left-0 right-0 z-50 flex items-center justify-between gap-3 bg-amber-500 px-4 py-2 text-sm font-medium text-white;}.topbar-search{@apply flex items-center gap-2 bg-surface border border-border rounded-[9px] px-3 py-2 text-[13px] text-ink-3 focus-within:border-brand-500 focus-within:ring-2 focus-within:ring-brand-500/20 transition-all duration-150;}.topbar-search input{@apply bg-transparent border-0 outline-none text-ink placeholder-ink-3 w-full;}}@layer utilities{.text-2xs{font-size:.65rem;line-height:1rem}.sidebar-text{color:#6b7280}.border-border{border-color:#e4e6ed}.border-border-2{border-color:#d0d3e0}.bg-border{background-color:#e4e6ed}}
