@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply antialiased text-gray-900 dark:text-gray-100 transition-colors duration-200;min-height:100vh}main{@apply antialiased text-gray-900 dark:text-gray-100 transition-colors duration-200;}body{background:radial-gradient(at 0% 0%,#1a1b26 0,transparent 50%),radial-gradient(at 50% 100%,#1e1e2e 0,transparent 50%);background-color:#030712}:root:not(.dark) body{background-color:#f0f4f8;background:radial-gradient(at 10% 10%,hsla(210,100%,96%,1) 0,transparent 50%),radial-gradient(at 90% 10%,hsla(280,100%,96%,1) 0,transparent 50%),radial-gradient(at 50% 90%,hsla(180,100%,96%,1) 0,transparent 50%)}}@layer components{.glass-panel{@apply relative border border-white/60 dark:border-white/10 shadow-2xl;background:linear-gradient(180deg,#fffc,#fff9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);isolation:isolate;@apply dark:bg-gray-900/50;box-shadow:0 4px 6px -1px #0000001a,inset 0 1px #fff9}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;mix-blend-mode:overlay;border-radius:inherit;pointer-events:none}:is(.dark .glass-panel){background:linear-gradient(180deg,#11182799,#111827cc)}.glass-card{@apply relative border border-white/60 dark:border-white/10 shadow-lg transition-all duration-300 transform hover:-translate-y-1;background:linear-gradient(180deg,#ffffffe6,#fffc);isolation:isolate;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff80}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;mix-blend-mode:overlay;border-radius:inherit;pointer-events:none}:is(.dark .glass-card){background:linear-gradient(180deg,#1f293799,#1f2937cc)}.glass-card:hover{@apply border-white/80 dark:border-white/20;transform:translateY(-4px)}:is(.dark .glass-card:hover){@apply border-white/20;}.text-page-title{@apply text-3xl md:text-4xl font-bold tracking-tight text-gray-900 dark:text-white drop-shadow-sm;}.text-section-title{@apply text-lg md:text-xl font-bold text-gray-900 dark:text-white flex items-center gap-2;}.text-card-title{@apply text-base font-bold text-gray-800 dark:text-gray-100 mb-1;}.text-subtitle{@apply text-sm text-gray-500 dark:text-gray-400 font-medium;}.text-label{@apply text-xs font-bold text-gray-500 dark:text-white/60 uppercase tracking-wider;}.text-value-lg{@apply text-2xl font-bold text-gray-900 dark:text-white;}.glass-button{@apply px-4 py-2 rounded-full font-medium transition-all active:scale-95;@apply bg-white/90 dark:bg-white/15 hover:bg-white dark:hover:bg-white/25;@apply border border-gray-200 dark:border-white/20;@apply text-gray-700 dark:text-white;box-shadow:0 2px 5px #00000014,inset 0 1px #fffc}.glass-button-primary{@apply glass-button bg-brand-600 hover:bg-brand-700 text-white border-none;box-shadow:0 4px 14px #2563eb63,inset 0 1px #fff3}.glass-button-primary:hover{transform:translateY(-1px);background-color:#2563ebe6}.btn-secondary{@apply glass-button;}.btn-danger{@apply px-4 py-2 rounded-full font-medium transition-all active:scale-95;@apply bg-red-500 hover:bg-red-600 text-white border-none;box-shadow:0 4px 14px #ef44444d}.btn-ghost{@apply px-3 py-1.5 text-sm font-medium rounded-lg transition-colors;@apply text-gray-600 dark:text-gray-300;@apply hover:bg-gray-100 dark:hover:bg-white/10;}.btn-icon{@apply p-2 rounded-lg transition-colors;@apply text-gray-500 dark:text-gray-400;@apply hover:bg-gray-100 dark:hover:bg-white/10 hover:text-gray-700 dark:hover:text-white;}.btn-loading{@apply relative pointer-events-none;color:transparent!important}.btn-loading:after{content:"";@apply absolute inset-0 m-auto;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.glass-button-primary.btn-loading:after{border-color:#fff;border-right-color:transparent}.btn-danger.btn-loading:after{border-color:#fff;border-right-color:transparent}.form-label{@apply block text-xs font-bold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-1.5;}.form-label-lg{@apply block text-xs font-bold text-gray-400 dark:text-gray-500 uppercase tracking-wider text-right pr-4 leading-loose;}.glass-input{@apply w-full border-b border-gray-200/40 dark:border-white/10 rounded-none p-1.5 bg-transparent text-gray-900 dark:text-white focus:outline-none focus:border-brand-500/50 dark:focus:border-brand-400/50 transition-all placeholder-gray-400 dark:placeholder-white/5 text-[13px];-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none}.form-row{@apply grid grid-cols-[130px_1fr] items-center gap-2;}.glass-search{@apply flex-1 w-full border-none outline-none text-gray-900 dark:text-white placeholder-gray-600 dark:placeholder-white/50;background-color:transparent!important;-moz-appearance:none;appearance:none;-webkit-appearance:none}.glass-table{@apply w-full text-left text-sm text-gray-700 dark:text-gray-200;}.glass-table thead{@apply bg-white/20 dark:bg-white/5 text-gray-900 dark:text-white font-semibold border-b border-gray-200 dark:border-white/10;}.glass-table tbody tr{@apply border-b border-gray-100 dark:border-white/5 hover:bg-white/30 dark:hover:bg-white/10 transition-colors;}.table-responsive{@apply overflow-x-auto;}@media(max-width:768px){.table-stack thead{@apply hidden;}.table-stack tbody tr{@apply flex flex-col gap-2 p-4 mb-4 border border-gray-200 dark:border-white/10 rounded-xl bg-white/50 dark:bg-white/5;}.table-stack tbody td{@apply flex justify-between items-center px-0 py-1.5 border-0;}.table-stack tbody td:before{content:attr(data-label);@apply font-bold text-gray-500 dark:text-gray-400 text-xs uppercase tracking-wider;}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}@keyframes glowPulse{}@keyframes glowPulseRed{}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tilt{0%,50%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-gradient-x{background-size:200% 200%}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#fff6;border:2px solid transparent;background-clip:content-box}:root:not(.dark) ::-webkit-scrollbar-thumb{background:#0003;background-clip:content-box}:root:not(.dark) ::-webkit-scrollbar-thumb:hover{background:#0006;background-clip:content-box}}
