@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-bg-primary: #0c0d1a;--color-bg-card: rgba(30, 27, 75, .5);--color-border-default: #4338ca;--color-border-hover: #f97316;--color-text-primary: #ffffff;--color-text-secondary: #93c5fd;--color-accent-primary: #f97316;--color-accent-secondary: #22c55e;--gradient-bg: linear-gradient(135deg, #0f0c29 0%, #1e1b4b 50%, #0f172a 100%);--gradient-card: linear-gradient(180deg, rgba(30, 27, 75, .6) 0%, rgba(15, 23, 42, .4) 100%);--gradient-accent: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-accent-hover: linear-gradient(135deg, #ea580c 0%, #dc2626 100%);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-accent: 0 4px 24px rgba(249, 115, 22, .25);--shadow-glow: 0 0 40px rgba(249, 115, 22, .15)}body{@apply min-h-screen font-sans antialiased;background:var(--gradient-bg);background-attachment:fixed;color:var(--color-text-primary)}::selection{@apply bg-orange-500/30 text-orange-200;}}@layer components{.glass-card{@apply relative overflow-hidden;background:linear-gradient(180deg,#1e1b4b80,#0f172a4d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(67,56,202,.6);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--color-border-hover);transform:scale(1.02);box-shadow:0 8px 32px #f9731626}.glass-panel{background:linear-gradient(180deg,#0f0f23d9,#0a0a19bf);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(67,56,202,.4);border-radius:16px}.glass-card-featured{@apply glass-card;border-color:#eab308!important;box-shadow:0 0 24px #eab30833}.glass-card-featured:hover{border-color:#fbbf24!important;box-shadow:0 0 32px #eab3084d}.btn-primary{@apply inline-flex items-center justify-center gap-2 font-semibold text-white py-2.5 px-5 rounded-xl transition-all duration-300;background:var(--gradient-accent);box-shadow:0 4px 16px #f9731640}.btn-primary:hover{background:var(--gradient-accent-hover);transform:translateY(-2px);box-shadow:0 6px 24px #f9731659}.btn-primary:active{transform:translateY(0)}.btn-secondary{@apply inline-flex items-center justify-center gap-2 font-medium py-2.5 px-5 rounded-xl transition-all duration-300;background:#1e1b4b66;border:1px solid rgba(67,56,202,.6);color:#93c5fd}.btn-secondary:hover{background:#1e1b4b99;border-color:var(--color-border-hover);color:#fff}.btn-ghost{@apply inline-flex items-center justify-center gap-2 font-medium py-2 px-3 rounded-lg transition-all duration-200;color:#93c5fd}.btn-ghost:hover{background:#1e1b4b80;color:#fff}.input-field{@apply w-full py-2.5 px-4 rounded-xl transition-all duration-300 placeholder-indigo-400/70;background:#0f0f2380;border:1px solid rgba(67,56,202,.5);color:#fff}.input-field:focus{outline:none;border-color:var(--color-border-hover);box-shadow:0 0 0 3px #f9731626}.badge{@apply inline-flex items-center px-2.5 py-1 text-xs font-bold uppercase tracking-wider rounded-lg;}.badge-senior{@apply badge;background:#f9731633;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.badge-pleno{@apply badge;background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-junior{@apply badge;background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-neutral{@apply badge;background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.avatar{@apply relative flex-shrink-0 rounded-full flex items-center justify-center font-bold text-white;box-shadow:0 2px 8px #0000004d}.avatar-sm{@apply avatar w-8 h-8 text-xs;}.avatar-md{@apply avatar w-10 h-10 text-sm;}.avatar-lg{@apply avatar w-12 h-12 text-base;}.avatar-online:after{content:"";@apply absolute bottom-0 right-0 w-3 h-3 rounded-full bg-green-500;border:2px solid #0c0d1a}.sidebar{background:linear-gradient(180deg,#0f0c29f2,#0a0a19e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(67,56,202,.3)}.sidebar-item{@apply flex items-center px-4 py-3 text-sm font-medium rounded-lg transition-all duration-200;color:#93c5fd}.sidebar-item:hover{background:#1e1b4b66;color:#fff;transform:translate(4px)}.sidebar-item.active{background:#1e1b4b99;color:#fff;border-left:4px solid var(--color-accent-primary);padding-left:12px;box-shadow:0 4px 16px #0003}.sidebar-item.active .sidebar-icon{color:var(--color-accent-primary)}.sidebar-icon{@apply w-5 h-5 mr-3 transition-colors duration-200;color:#60a5fa}.sidebar-item:hover .sidebar-icon{color:var(--color-accent-primary)}.status-indicator{@apply relative flex h-2.5 w-2.5;}.status-indicator-online{@apply status-indicator;}.status-indicator-online:before{content:"";@apply absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.status-indicator-online:after{content:"";@apply relative inline-flex rounded-full h-2.5 w-2.5 bg-green-500;}.status-indicator-warning{@apply status-indicator;}.status-indicator-warning:before{content:"";@apply absolute inline-flex h-full w-full rounded-full bg-orange-400 opacity-75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.status-indicator-warning:after{content:"";@apply relative inline-flex rounded-full h-2.5 w-2.5 bg-orange-500;}.status-indicator-error{@apply status-indicator;}.status-indicator-error:after{content:"";@apply relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500;}.progress-bar{@apply w-full h-2 rounded-full overflow-hidden;background:#1e1b4b99}.progress-bar-fill{@apply h-full rounded-full transition-all duration-500;}.progress-bar-fill-orange{@apply progress-bar-fill;background:linear-gradient(90deg,#f97316,#ea580c)}.progress-bar-fill-green{@apply progress-bar-fill;background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-bar-fill-blue{@apply progress-bar-fill;background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-bar-fill-yellow{@apply progress-bar-fill;background:linear-gradient(90deg,#eab308,#ca8a04)}.stat-card{@apply glass-card p-6 flex flex-col;}.stat-card-icon{@apply p-3 rounded-xl;background:#1e1b4b66;border:1px solid rgba(67,56,202,.3)}.stat-card-value{@apply text-3xl font-bold text-white tracking-tight;}.stat-card-label{@apply text-sm font-medium text-blue-300;}.stat-card-change-positive{@apply text-xs font-medium text-green-400 flex items-center gap-1;}.stat-card-change-negative{@apply text-xs font-medium text-red-400 flex items-center gap-1;}.list-item{@apply flex items-center py-4 px-3 rounded-xl transition-all duration-200 cursor-pointer;}.list-item:hover{background:#1e1b4b4d}.list-item:hover .list-item-title{color:var(--color-accent-primary)}.list-item-title{@apply font-semibold text-white transition-colors duration-200;}.list-item-subtitle{@apply text-xs text-blue-300;}.upcoming-card{@apply glass-panel p-4;}.upcoming-card-header{@apply flex justify-between items-start mb-3;}.upcoming-card-badge{@apply badge text-[10px] py-0.5 px-2;}}@layer utilities{.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-white to-blue-200;}.text-gradient-accent{@apply bg-clip-text text-transparent bg-gradient-to-r from-orange-400 to-red-400;}.divider{@apply border-indigo-800/50;}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .3s ease-out forwards}.animate-slideInUp{animation:slideInUp .4s ease-out forwards}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.hover-scale-sm:hover{transform:scale(1.01)}.glow-orange{box-shadow:0 0 24px #f973164d}.glow-green{box-shadow:0 0 24px #22c55e4d}.glow-blue{box-shadow:0 0 24px #3b82f64d}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f0c2980}::-webkit-scrollbar-thumb{background:#4338ca80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f97316b3}*{scrollbar-width:thin;scrollbar-color:rgba(67,56,202,.5) rgba(15,12,41,.5)}
