:root{--bg-app: #0f172a;--bg-sidebar: #1e293b;--bg-card: #1e293b;--bg-input: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--accent: #f59e0b;--danger: #ef4444;--success: #22c55e;--warning: #eab308;--info: #a855f7;--border: #334155;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-64{width:16rem}.w-96{width:24rem}.min-w-\[300px\]{min-width:300px}.min-w-\[1200px\]{min-width:1200px}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{inset:0}.left-3{left:.75rem}.top-1\.5{top:.375rem}.right-1\.5{right:.375rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.resize-none{resize:none}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.leading-none{line-height:1}.italic{font-style:italic}.text-left{text-align:left}.text-right{text-align:right}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:var(--radius-full)}.border{border-width:1px;border-style:solid;border-color:var(--border)}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-color:var(--border)}.border-t{border-top-width:1px;border-top-style:solid;border-color:var(--border)}.border-r{border-right-width:1px;border-right-style:solid;border-color:var(--border)}.border-none{border:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cursor-pointer{cursor:pointer}.z-50{z-index:50}.text-white{color:#fff}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-green-400{color:#4ade80}.text-blue-400{color:#60a5fa}.text-yellow-400{color:#facc15}.text-purple-400{color:#c084fc}.text-red-400{color:#f87171}.text-orange-500{color:#f97316}.text-blue-500{color:#3b82f6}.text-green-500{color:#22c55e}.text-success{color:var(--success)}.bg-app{background-color:var(--bg-app)}.bg-sidebar{background-color:var(--bg-sidebar)}.bg-card{background-color:var(--bg-card)}.bg-primary{background-color:var(--primary)}.bg-accent{background-color:var(--accent)}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-primary\/10{background-color:#3b82f61a}.bg-primary\/20{background-color:#3b82f633}.bg-green-400\/10{background-color:#4ade801a}.bg-blue-400\/10{background-color:#60a5fa1a}.bg-yellow-400\/10{background-color:#facc151a}.bg-purple-400\/10{background-color:#c084fc1a}.bg-red-500\/10{background-color:#ef44441a}.bg-green-500\/10{background-color:#22c55e1a}.bg-yellow-500\/10{background-color:#eab3081a}.bg-purple-500\/10{background-color:#a855f71a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/20{background-color:#f9731633}.bg-blue-500\/20{background-color:#3b82f633}.bg-green-500\/20{background-color:#22c55e33}.bg-emerald-500{background-color:#10b981}.bg-purple-500{background-color:#a855f7}.bg-red-500{background-color:#ef4444}.bg-danger{background-color:var(--danger)}.bg-success{background-color:var(--success)}.bg-transparent{background-color:transparent}.bg-black\/50{background-color:#00000080}.border-primary\/30{border-color:#3b82f64d}.border-primary\/50{border-color:#3b82f680}.border-white\/5{border-color:#ffffff0d}.border-orange-500\/20{border-color:#f9731633}.divide-y>*+*{border-top-width:1px;border-top-style:solid;border-color:var(--border)}.border-l-4{border-left-width:4px;border-left-style:solid}.border-l-gray-400{border-left-color:#9ca3af}.border-l-purple-500{border-left-color:#a855f7}.border-l-blue-500{border-left-color:#3b82f6}.border-l-emerald-500{border-left-color:#10b981}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.opacity-0{opacity:0}.opacity-50{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.hover\:text-white:hover{color:#fff}.hover\:text-red-400:hover{color:#f87171}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:border-primary\/50:hover{border-color:#3b82f680}.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--primary)}.focus\:ring-primary:focus{box-shadow:0 0 0 1px var(--primary)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.input{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);padding:.5rem .75rem;width:100%;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}@media(min-width:768px){.md\:block{display:block}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-hidden{display:inline-block}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.mobile-hidden{display:none}.w-64{width:0;padding:0;overflow:hidden;position:fixed;z-index:50}}