@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--dark-50:#f8fafc;--dark-100:#f1f5f9;--dark-200:#e2e8f0;--dark-300:#cbd5e1;--dark-400:#94a3b8;--dark-500:#64748b;--dark-600:#475569;--dark-700:#334155;--dark-800:#1e293b;--dark-900:#0f172a;--success-400:#4ade80;--success-500:#22c55e;--success-900:#14532d;--danger-400:#f87171;--danger-500:#ef4444;--danger-600:#dc2626;--danger-700:#b91c1c;--danger-900:#7f1d1d}@layer base{html{font-family:Inter,system-ui,sans-serif;scroll-behavior:smooth}body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;min-height:100vh}*{border-color:#334155}}@layer components{.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);@apply text-white font-semibold py-3 px-6 rounded-xl transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/30 hover:scale-105 active:scale-95}.btn-secondary{@apply bg-dark-700/50 backdrop-blur-sm hover:bg-dark-600/60 text-dark-100 font-medium py-3 px-6 rounded-xl transition-all duration-300 border border-dark-600/50 hover:border-primary-500/50 hover:shadow-lg}.btn-danger{background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-600) 100%);@apply text-white font-semibold py-3 px-6 rounded-xl transition-all duration-300 hover:shadow-xl hover:shadow-danger-500/30 hover:scale-105 active:scale-95}.btn-sm{@apply py-2 px-4 text-sm}.card{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);@apply rounded-2xl shadow-2xl border border-dark-700/50 p-8 hover:border-primary-500/30 transition-all duration-300 hover:shadow-primary-500/10}.card-header{@apply flex items-center justify-between mb-6 pb-4 border-b border-dark-700/50}.input-field{background:rgba(30,41,59,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);@apply w-full px-4 py-3 border border-dark-600/50 rounded-xl focus:ring-2 focus:ring-primary-500/50 focus:border-primary-500/50 outline-none transition-all duration-300 text-dark-100 placeholder-dark-400}.status-online{background:rgba(34,197,94,.1);@apply inline-flex items-center px-3 py-1.5 rounded-full text-xs font-semibold text-success-400 border border-success-500/30 backdrop-blur-sm}.status-offline{background:rgba(51,65,85,.6);@apply inline-flex items-center px-3 py-1.5 rounded-full text-xs font-semibold text-dark-300 border border-dark-600/50 backdrop-blur-sm}.status-locked{background:rgba(239,68,68,.1);@apply inline-flex items-center px-3 py-1.5 rounded-full text-xs font-semibold text-danger-400 border border-danger-500/30 backdrop-blur-sm}.sanlock-brand{background:linear-gradient(135deg,var(--primary-400) 0,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;@apply font-bold}.glass-card{background:rgba(15,23,42,.7);@apply border border-white/10 rounded-2xl shadow-2xl}.glass-card,.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-card{background:linear-gradient(135deg,rgba(30,41,59,.8),rgba(51,65,85,.6));@apply rounded-2xl p-6 border border-dark-700/50 hover:border-primary-500/30 transition-all duration-300 hover:scale-105}.nav-tab{@apply px-6 py-3 font-medium text-sm rounded-xl transition-all duration-300 relative overflow-hidden}.nav-tab.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);@apply text-white shadow-lg shadow-primary-500/30}.nav-tab:not(.active){@apply text-dark-400 hover:text-dark-200 hover:bg-dark-700/50}.sidebar{background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(30,41,59,.9));@apply border-r border-dark-700/50}.header-gradient,.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-gradient{background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.8));@apply border-b border-dark-700/50}}@layer utilities{.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px var(--primary-500),0 0 10px var(--primary-500),0 0 15px var(--primary-500)}to{text-shadow:0 0 10px var(--primary-400),0 0 20px var(--primary-400),0 0 30px var(--primary-400)}}.text-gradient{background:linear-gradient(135deg,var(--primary-400) 0,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}