*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#F5F7FA 0%,#E8EDF2 100%);color:#1e293b;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366F1,#8B5CF6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8B5CF6,#6366F1)}::selection{background:rgba(99,102,241,.15);color:#6366f1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000}.toast{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;margin-bottom:10px;box-shadow:0 4px 15px #0000001a;border-left:4px solid;animation:slideInRight .3s ease}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#6366f1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.glass-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;transition:all .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 40px #0000001a}.btn-primary{background:linear-gradient(135deg,#6366F1,#8B5CF6);border:none;border-radius:12px;padding:10px 24px;font-weight:600;color:#fff;transition:all .3s ease;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f14d}.btn-secondary{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 24px;font-weight:600;color:#1e293b;transition:all .3s ease;cursor:pointer}.btn-secondary:hover{background:rgba(0,0,0,.1)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:rgba(16,185,129,.1);color:#10b981}.status-inactive{background:rgba(0,0,0,.05);color:#64748b}.status-pending{background:rgba(245,158,11,.1);color:#f59e0b}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;background:rgba(0,0,0,.02);font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05)}.data-table tr:hover td{background:rgba(99,102,241,.03)}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 769px){.show-on-mobile{display:none!important}}@media print{.no-print{display:none!important}body{background:white}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gradient-main min-h-screen text-secondary-800;font-family:Inter,system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-gray-100 rounded-full;}::-webkit-scrollbar-thumb{@apply bg-primary-400 rounded-full hover:bg-primary-500;}}@layer components{.glass-card{@apply bg-white/60 backdrop-blur-glass rounded-2xl shadow-soft;}.glass-card-hover{@apply bg-white/80 backdrop-blur-glass rounded-2xl shadow-soft hover:shadow-medium transition-all duration-300;}.gradient-card{@apply bg-gradient-primary rounded-2xl shadow-soft text-white;}.btn-primary{@apply bg-primary-500 text-white px-5 py-2.5 rounded-xl font-medium hover:bg-primary-600 transition-all duration-200 shadow-soft hover:shadow-medium;}.btn-secondary{@apply bg-white/80 backdrop-blur-glass text-secondary-700 px-5 py-2.5 rounded-xl font-medium hover:bg-white transition-all duration-200 shadow-soft;}.btn-icon{@apply p-2 rounded-xl transition-all duration-200;}.btn-icon-primary{@apply bg-primary-50 text-primary-500 hover:bg-primary-100;}.input-glass{@apply w-full px-4 py-2.5 bg-white/60 backdrop-blur-glass border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-primary-400 focus:border-transparent transition-all duration-200 text-secondary-700;}.input-label{@apply block text-sm font-medium text-secondary-600 mb-2;}.badge{@apply px-3 py-1 text-xs font-semibold rounded-full;}.badge-success{@apply bg-green-100 text-green-600;}.badge-warning{@apply bg-yellow-100 text-yellow-600;}.badge-danger{@apply bg-red-100 text-red-600;}.badge-info{@apply bg-blue-100 text-blue-600;}.badge-neutral{@apply bg-gray-100 text-gray-600;}.stat-card{@apply glass-card p-6 transition-all duration-300 hover:shadow-medium;}.table-container{@apply overflow-x-auto rounded-2xl;}.table{@apply min-w-full divide-y divide-gray-200;}.table thead{@apply bg-gray-50/50 backdrop-blur-glass;}.table th{@apply px-6 py-3 text-left text-xs font-medium text-secondary-500 uppercase tracking-wider;}.table tbody{@apply bg-white/40 divide-y divide-gray-100;}.table td{@apply px-6 py-4 whitespace-nowrap text-sm text-secondary-700;}.table tr:hover{@apply bg-white/60 transition-colors;}.avatar{@apply w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold;}.avatar-sm{@apply w-8 h-8 text-sm;}.avatar-lg{@apply w-12 h-12 text-lg;}}