@tailwind base;@tailwind components;@tailwind utilities;:root{--ionex-brand: #0A3D62;--ionex-brand-light: #1E5A8E;--ionex-brand-deep: #062640;--ionex-accent: #00C896;--ionex-accent-deep: #009973;--ionex-mint: #00C896;--ionex-shell-bg: #062640;--ionex-shell-fg: #FFFFFF;--ionex-canvas: #F5F7F9;--ionex-surface: #FFFFFF;--ionex-surface-alt: #F8F9FA;--ionex-border: #D5DADF;--ionex-border-soft: #E5E9ED;--ionex-text: #0A3D62;--ionex-text-sub: #5B738B;--ionex-text-mute: #89919A;--ionex-success: #107E3E;--ionex-success-bg: #EBF5F0;--ionex-warning: #E9730C;--ionex-warning-bg: #FEF7E6;--ionex-error: #BB0000;--ionex-error-bg: #FEEBEB}*{box-sizing:border-box}body{@apply bg-ionex-canvas text-ionex-text font-sans antialiased;}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-ionex-surface-alt;}::-webkit-scrollbar-thumb{@apply bg-ionex-brand rounded;}::-webkit-scrollbar-thumb:hover{@apply bg-ionex-brand-light;}*:focus-visible{@apply outline-none ring-2 ring-ionex-accent ring-offset-2;}.shell-bar{@apply fixed top-0 left-0 right-0 h-shell bg-ionex-shell z-50;box-shadow:0 1px #ffffff1a}.sidebar{@apply fixed left-0 top-shell w-sidebar h-[100vh-48px] bg-ionex-surface border-r border-ionex-border overflow-y-auto;}.sidebar-collapsed{@apply w-sidebar-collapsed;}.content-area{@apply ml-sidebar pt-shell min-h-screen;}.btn{@apply inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;}.btn-primary{@apply btn bg-ionex-brand text-white hover:bg-ionex-brand-light focus:ring-ionex-brand;}.btn-secondary{@apply btn bg-ionex-surface text-ionex-text hover:bg-ionex-surface-alt border border-ionex-border focus:ring-ionex-brand;}.btn-accent{@apply btn bg-ionex-accent text-white hover:bg-ionex-accent-deep focus:ring-ionex-accent;}.btn-ghost{@apply btn bg-transparent text-ionex-text-sub hover:bg-ionex-surface-alt focus:ring-ionex-brand;}.card{@apply bg-ionex-surface rounded-lg shadow-ionex-sm border border-ionex-border-soft;}.card-header{@apply px-6 py-4 border-b border-ionex-border-soft;}.card-body{@apply p-6;}.tile{@apply w-tile-std h-40 rounded-lg p-4 flex flex-col justify-between cursor-pointer transition-all hover:shadow-ionex-md hover:-translate-y-0.5;}.tile-standard{@apply tile bg-ionex-surface border border-ionex-border hover:border-ionex-brand;}.tile-compact{@apply w-tile-compact h-tile-compact tile bg-ionex-surface border border-ionex-border;}.input{@apply w-full px-3 py-2 border border-ionex-border rounded-md focus:border-ionex-brand focus:ring-1 focus:ring-ionex-brand bg-ionex-surface text-ionex-text;}.label{@apply block text-sm font-medium text-ionex-text-sub mb-1;}.badge{@apply inline-flex items-center px-2 py-0.5 rounded-sm text-xs font-medium;}.badge-success{@apply badge bg-ionex-success-bg text-ionex-success;}.badge-warning{@apply badge bg-ionex-warning-bg text-ionex-warning;}.badge-error{@apply badge bg-ionex-error-bg text-ionex-error;}.badge-info{@apply badge bg-ionex-brand-light/10 text-ionex-brand;}.ionex-x:before{content:"";display:block;width:20px;height:20px;background:linear-gradient(135deg,var(--ionex-brand) 50%,var(--ionex-accent) 50%);clip-path:polygon(0 0,100% 100%,100% 0)}.badge-neutral{@apply badge bg-gray-100 text-gray-800;}.spinner{@apply animate-spin h-5 w-5 text-oe-forest;}.table{@apply w-full text-sm;}.table th{@apply px-4 py-3 text-left font-semibold text-gray-600 bg-gray-50 border-b;}.table td{@apply px-4 py-3 border-b border-gray-100;}.table tr:hover td{@apply bg-gray-50;}.skeleton{@apply animate-pulse bg-gray-200 rounded;}.nav-item{@apply flex items-center gap-3 px-4 py-2.5 rounded-lg text-gray-600 hover:bg-gray-100 hover:text-oe-forest transition-colors;}.nav-item.active{@apply bg-oe-forest/10 text-oe-forest font-medium;}.data-grid{@apply w-full border-collapse;}.data-grid-header{@apply bg-oe-forest text-white font-medium;}.data-grid-row{@apply border-b border-gray-200 hover:bg-oe-cream/50 transition-colors;}.data-grid-cell{@apply px-4 py-3;}.alert{@apply p-4 rounded-lg border;}.alert-success{@apply alert bg-green-50 border-green-200 text-green-800;}.alert-error{@apply alert bg-red-50 border-red-200 text-red-800;}.alert-warning{@apply alert bg-yellow-50 border-yellow-200 text-yellow-800;}.alert-info{@apply alert bg-blue-50 border-blue-200 text-blue-800;}