@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";:root{--primary:#35a6e8;--secondary:#4a5d6e;--bg-main:#f1f2f7;--bg-sidebar:#1a2d3e;--text-main:#444;--text-muted:#888;--border:#e5e5e5;--success:#a2d200;--danger:#ef4444;--warning:#f59e0b;--info:#35a6e8;--font-family:"Open Sans", sans-serif}.bg-primary-flaty{background-color:#35a6e8!important}.bg-sidebar-flaty{background-color:#1a2d3e!important}.bg-main-flaty{background-color:#f1f2f7!important}.bg-dark-flaty{background-color:#142331!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{color:#333;font-weight:400}button{cursor:pointer;border:none;border-radius:2px;align-items:center;gap:8px;padding:8px 16px;font-weight:400;transition:all .2s;display:flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#2a8bc2}.card{border:1px solid var(--border);box-shadow:none;background-color:#fff;border-radius:3px;padding:20px}.sidebar-item{color:#a8b2bd;border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 20px;font-size:13px;text-decoration:none;display:flex}.sidebar-item:hover{color:#fff;background-color:#1f364d}.sidebar-item.active{background-color:var(--primary);color:#fff;position:relative}.sidebar-item.active:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #f1f2f7;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header{background-color:var(--primary);color:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 15px;display:flex}.tile{color:#fff;border-radius:3px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex}.tile-blue{background-color:#35a6e8}.tile-dark-blue{background-color:#4a5d6e}.tile-orange{background-color:#f39c12}.tile-purple{background-color:#8e44ad}.tile-red{background-color:#e74c3c}.tile-green{background-color:#27ae60}.tile-grey{background-color:#95a5a6}th{text-align:left;background-color:#f9f9f9;border-bottom:2px solid #ddd;padding:12px}.page-title{border-bottom:1px solid #ddd;align-items:center;gap:15px;margin-bottom:20px;padding:20px 0;display:flex}.page-title i{font-size:24px}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-primary{background-color:var(--primary)}.bg-primary\/10{background-color:#3b82f61a}.bg-white\/5{background-color:#ffffff0d}.bg-danger\/10{background-color:#ef44441a}.text-white{color:#fff}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.border-slate-800{border-color:#1e293b}.border-slate-800\/50{border-color:#1e293b80}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-r{border-right-style:solid;border-right-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-l{border-left-style:solid;border-left-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.px-8{padding-left:2rem;padding-right:2rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.fixed{position:fixed}.inset-y-0{top:0;bottom:0}.left-0{left:0}.z-50{z-index:50}.w-64{width:16rem}.flex-1{flex:1}.min-w-0{min-width:0}.h-16{height:4rem}.h-20{height:5rem}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.duration-300{transition-duration:.3s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.w-full.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-20{margin-top:5rem}.mt-32{margin-top:8rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-24{margin-bottom:6rem}.pt-20{padding-top:5rem}.pb-32{padding-bottom:8rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.min-h-screen{min-height:100vh}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px;font-weight:500}td{border-bottom:1px solid var(--border);padding:12px}tr:hover td{background-color:#ffffff05}@media (width<=768px){.sidebar-hidden{transform:translate(-100%)}.sidebar-visible{transform:translate(0)}.mobile-hidden{display:none!important}.container{padding:0 15px}h1{font-size:2rem}h2{font-size:1.5rem}}@media (width>=769px){.desktop-hidden{display:none!important}.sidebar-desktop{position:relative!important;transform:translate(0)!important}.md\:text-8xl{font-size:6rem}}.grid{gap:1.5rem;display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}@media (width>=1025px){.lg-span-2{grid-column:span 2/span 2}}.card{padding:16px}table{white-space:nowrap;display:block;overflow-x:auto}.landing-page h1{font-size:2.5rem;line-height:1.2}