*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;min-height:100vh;background-color:#f8fafc;color:#1e293b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}.bg-slate-900{background-color:#0f172a!important}.bg-slate-800{background-color:#1e293b!important}.bg-slate-700{background-color:#334155!important}.bg-white{background-color:#fff!important}.bg-gray-50{background-color:#f9fafb!important}.bg-gray-100{background-color:#f3f4f6!important}.bg-blue-50{background-color:#eff6ff!important}.bg-blue-100{background-color:#dbeafe!important}.bg-blue-500{background-color:#3b82f6!important}.bg-blue-600{background-color:#2563eb!important}.bg-blue-700{background-color:#1d4ed8!important}.bg-green-50{background-color:#f0fdf4!important}.bg-green-100{background-color:#dcfce7!important}.bg-green-600{background-color:#16a34a!important}.bg-yellow-50{background-color:#fefce8!important}.bg-yellow-100{background-color:#fef3c7!important}.bg-red-50{background-color:#fef2f2!important}.bg-red-100{background-color:#fee2e2!important}.bg-orange-50{background-color:#fff7ed!important}.bg-purple-600{background-color:#9333ea!important}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))!important}.from-slate-900{--tw-gradient-from: #0f172a !important;--tw-gradient-to: rgba(15, 23, 42, 0) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.from-blue-500{--tw-gradient-from: #3b82f6 !important;--tw-gradient-to: rgba(59, 130, 246, 0) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important}.via-blue-900{--tw-gradient-to: rgba(30, 58, 138, 0) !important;--tw-gradient-stops: var(--tw-gradient-from), #1e3a8a, var(--tw-gradient-to) !important}.to-slate-900{--tw-gradient-to: #0f172a !important}.to-indigo-500{--tw-gradient-to: #6366f1 !important}.text-white{color:#fff!important}.text-gray-400{color:#9ca3af!important}.text-gray-500{color:#6b7280!important}.text-gray-600{color:#4b5563!important}.text-gray-700{color:#374151!important}.text-gray-900{color:#111827!important}.text-slate-400{color:#94a3b8!important}.text-blue-400{color:#60a5fa!important}.text-blue-500{color:#3b82f6!important}.text-blue-600{color:#2563eb!important}.text-blue-700{color:#1d4ed8!important}.text-blue-800{color:#1e40af!important}.text-green-600{color:#16a34a!important}.text-green-700{color:#15803d!important}.text-green-800{color:#166534!important}.text-yellow-600{color:#ca8a04!important}.text-yellow-700{color:#a16207!important}.text-yellow-800{color:#854d0e!important}.text-red-400{color:#f87171!important}.text-red-600{color:#dc2626!important}.text-red-800{color:#991b1b!important}.text-orange-600{color:#ea580c!important}.text-purple-600{color:#9333ea!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.capitalize{text-transform:capitalize!important}.text-center{text-align:center!important}.leading-4{line-height:1rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.pt-2{padding-top:.5rem!important}.pb-3{padding-bottom:.75rem!important}.pr-3{padding-right:.75rem!important}.m-0{margin:0!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mb-2{margin-bottom:.5rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.ml-2{margin-left:.5rem!important}.ml-4{margin-left:1rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.space-x-1>:not([hidden])~:not([hidden]){margin-left:.25rem!important}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem!important}.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem!important}.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem!important}.space-x-6>:not([hidden])~:not([hidden]){margin-left:1.5rem!important}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem!important}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem!important}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem!important}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem!important}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem!important}.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.gap-3{gap:.75rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-16{width:4rem!important}.w-32{width:8rem!important}.w-full{width:100%!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-16{height:4rem!important}.h-2{height:.5rem!important}.max-w-md{max-width:28rem!important}.max-w-7xl{max-width:80rem!important}.min-w-0{min-width:0px!important}.min-h-screen{min-height:100vh!important}.relative{position:relative!important}.absolute{position:absolute!important}.inset-y-0{top:0!important;bottom:0!important}.right-0{right:0!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-transparent{border-color:transparent!important}.border-gray-200{border-color:#e5e7eb!important}.border-gray-300{border-color:#d1d5db!important}.border-blue-200{border-color:#c3ddfd!important}.rounded{border-radius:.25rem!important}.rounded-md{border-radius:.375rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-full{border-radius:9999px!important}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.shadow-sm{box-shadow:0 1px 2px #0000000d!important}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.opacity-50{opacity:.5!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\:bg-slate-700:hover{background-color:#334155!important}.hover\:bg-gray-50:hover{background-color:#f9fafb!important}.hover\:bg-gray-100:hover{background-color:#f3f4f6!important}.hover\:bg-blue-700:hover{background-color:#1d4ed8!important}.hover\:bg-green-700:hover{background-color:#15803d!important}.hover\:bg-purple-700:hover{background-color:#7c3aed!important}.hover\:text-blue-300:hover{color:#93c5fd!important}.hover\:text-blue-500:hover{color:#3b82f6!important}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:ring-2:focus{box-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6 !important}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px !important}.focus\:border-blue-500:focus{border-color:#3b82f6!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.hidden{display:none!important}.block{display:block!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media (min-width: 768px){.md\:flex{display:flex!important}.md\:hidden{display:none!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:block{display:block!important}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2 / span 2!important}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite!important}.login-gradient{background:linear-gradient(135deg,#0f172a,#1e3a8a,#0f172a)!important}.login-card{background:#fff!important;padding:2rem!important;border-radius:.75rem!important;box-shadow:0 25px 50px -12px #00000040!important}.demo-card{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #c3ddfd!important;padding:1rem!important;border-radius:.5rem!important}.demo-button{background:#3b82f6!important;color:#fff!important;padding:.25rem .5rem!important;border-radius:.25rem!important;font-size:.75rem!important;border:none!important;cursor:pointer!important;transition:background-color .2s!important}.demo-button:hover{background:#2563eb!important}.input-field{width:100%!important;padding:.75rem!important;border:1px solid #d1d5db!important;border-radius:.375rem!important;font-size:.875rem!important;transition:border-color .2s,box-shadow .2s!important}.input-field:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.login-button{width:100%!important;background:#3b82f6!important;color:#fff!important;padding:.75rem 1rem!important;border-radius:.375rem!important;font-weight:500!important;border:none!important;cursor:pointer!important;transition:background-color .2s!important}.login-button:hover{background:#2563eb!important}.login-button:disabled{background:#9ca3af!important;cursor:not-allowed!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000001a}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.125rem}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-info{background:#8b5cf6;color:#fff}.btn-info:hover{background:#7c3aed}.btn-outline-primary{background:transparent;color:#2563eb;border:2px solid #2563eb}.btn-outline-primary:hover{background:#2563eb;color:#fff}.btn-outline-secondary{background:transparent;color:#6b7280;border:2px solid #6b7280}.btn-outline-secondary:hover{background:#6b7280;color:#fff}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card-hover{transition:all .2s ease-in-out}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInFromRight .3s ease-out}.status-indicator{position:relative}.status-indicator:before{content:"";position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:currentColor}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progressBarStripes 1s linear infinite}@keyframes progressBarStripes{0%{background-position:1rem 0}to{background-position:0 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media print{.no-print{display:none!important}.print-break{page-break-before:always}.print-break-inside{page-break-inside:avoid}}@media (max-width: 640px){.mobile-stack{flex-direction:column}.mobile-full{width:100%}.mobile-hide{display:none}}.focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.card{border:1px solid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.modal-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{display:flex;flex-direction:column;max-height:95vh}.modal-scrollable{flex:1;overflow-y:auto;min-height:0}nav a{color:inherit!important;text-decoration:none!important}nav a:visited{color:inherit!important}nav a:hover{color:inherit!important}nav a:focus{color:inherit!important}