@tailwind base;@tailwind components;@tailwind utilities;:root{--ind: #1A2550;--ind2: #3554D1;--ind3: #6B7FE3;--ind-bg: #EEF2FF;--grn: #15803D;--grn-bg: #DCFCE7;--amb: #B45309;--amb-bg: #FEF3C7;--red: #B91C1C;--red-bg: #FEE2E2;--pur: #6D28D9;--pur-bg: #EDE9FE;--tl: #0F766E;--tl-bg: #CCFBF1;--bg: #F4F6FB}@layer base{body{@apply bg-[#F4F6FB] text-[#172033] font-sans;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{@apply w-1.5 h-1.5;}::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full;}}@layer components{.btn-primary{@apply bg-[#3554D1] text-white px-4 py-2 rounded-[10px] text-[12px] font-semibold hover:bg-[#1A2550] transition-colors cursor-pointer border-0;}.btn-secondary{@apply bg-white text-gray-600 px-4 py-2 rounded-[10px] text-[12px] font-semibold border border-gray-200 hover:border-[#6B7FE3] hover:bg-gray-50 transition-colors cursor-pointer;}.btn-danger{@apply bg-[#B91C1C] text-white px-4 py-2 rounded-[10px] text-[12px] font-semibold hover:bg-red-800 transition-colors cursor-pointer border-0;}.btn-success{@apply bg-[#15803D] text-white px-4 py-2 rounded-[10px] text-[12px] font-semibold hover:bg-green-800 transition-colors cursor-pointer border-0;}.btn-xs{@apply bg-white text-[#3554D1] px-3 py-1.5 rounded-[7px] text-[11px] font-semibold border border-[#6B7FE3] hover:bg-[#EEF2FF] transition-colors cursor-pointer;}.th{@apply text-left text-[11px] font-bold text-gray-500 px-3 py-2.5 border-b border-gray-200 bg-gray-50 uppercase tracking-wide whitespace-nowrap;}.td{@apply px-3 py-2.5 text-[13px] align-middle;}.input{@apply w-full px-3 py-2 text-[13px] border border-gray-200 rounded-[10px] bg-gray-50 focus:bg-white focus:border-[#3554D1] focus:ring-2 focus:ring-[#3554D1]/10 outline-none transition-all;}.label{@apply block text-[11px] font-bold text-gray-500 mb-1.5;}.form-row{@apply mb-4;}.card{@apply bg-white border border-gray-200 rounded-2xl p-5 shadow-sm;}.card-sm{@apply bg-white border border-gray-200 rounded-2xl p-4;}.badge{@apply inline-block text-[10px] font-bold px-2.5 py-0.5 rounded-lg;}.badge-approved{@apply badge bg-[#DCFCE7] text-[#15803D];}.badge-pending{@apply badge bg-[#FEF3C7] text-[#B45309];}.badge-rejected{@apply badge bg-[#FEE2E2] text-[#B91C1C];}.badge-draft{@apply badge bg-gray-100 text-gray-500;}.badge-indigo{@apply badge bg-[#EEF2FF] text-[#3554D1];}.nav-item{@apply flex items-center gap-2.5 px-3 py-2.5 rounded-[8px] cursor-pointer text-white/65 text-[12px] font-semibold transition-all hover:bg-white/10 hover:text-white;}.nav-item.active{@apply bg-white/[.14] text-white;}.param-box{@apply bg-gray-50 rounded-[10px] p-2.5;}.param-label{@apply text-[10px] font-semibold text-gray-400 uppercase tracking-wide mb-1;}.param-value{@apply text-[13px] font-bold text-gray-800;}.page-header{@apply flex items-center gap-3 px-5 py-3 bg-white border-b border-gray-100 flex-shrink-0 shadow-sm;}.page-title{@apply text-[15px] font-extrabold text-[#1A2550];}.log-dot{@apply w-2.5 h-2.5 rounded-full flex-shrink-0 mt-1;}}
