:root{--background:#050b18;--foreground:#f0f4f8;--primary:#1e3a8a;--primary-light:#3b82f6;--primary-dark:#172554;--accent:#60a5fa;--card:#0f172a;--card-foreground:#f8fafc;--popover:#0f172a;--popover-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--border:#1e293b;--sidebar-width:350px}@media (max-width:768px){:root{--sidebar-width:100%}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,main{width:100%;height:100%}body{background-color:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.top-6{top:1.5rem}.left-6{left:1.5rem}.z-10{z-index:10}.z-20{z-index:20}.h-screen{height:100vh}.h-full{height:100%}.w-full{width:100%}.w-4{width:1rem}.h-4{height:1rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-24{width:6rem}.h-24{height:6rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pb-1{padding-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-white\/5{border-color:#ffffff0d}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black{background-color:#000}.bg-black\/20{background-color:#0003}.bg-black\/40{background-color:#0006}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-primary\/40{background-color:#1e3a8a66}.bg-primary-light{background-color:var(--primary-light)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-transparent{color:#0000}.text-muted-foreground{color:var(--muted-foreground)}.text-red-500{color:#ef4444}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.glass{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff0d}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa;--tw-gradient-to:#60a5fa00;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:0 0}.scrollbar-custom::-webkit-scrollbar-thumb{background:var(--muted);border-radius:10px}.scrollbar-hide::-webkit-scrollbar{display:none}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;transition:all .2s}input,select{color:inherit;font:inherit}.appearance-none{appearance:none}.main-container{width:100vw!important;height:100vh!important;display:flex!important;overflow:hidden!important}@media (min-width:769px){.flex-responsive{flex-direction:row!important}.hide-desktop{display:none!important}.sidebar-container{width:var(--sidebar-width)!important;border-left:1px solid #ffffff0d!important;height:100%!important;display:flex!important;position:relative!important}}@media (max-width:768px){.flex-responsive{flex-direction:column!important}.hide-mobile{display:none!important}.sidebar-container{z-index:100!important;background:var(--background)!important;width:100%!important;height:100%!important;position:fixed!important;inset:0!important}.video-area-mobile{flex:1!important;width:100%!important;min-height:250px!important}}.btn-mobile-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000080;z-index:110!important;color:#fff!important;background:#1e3a8acc!important;border:1px solid #3b82f64d!important;position:fixed!important;top:1.5rem!important;right:1.5rem!important}.video-container{width:100%;max-width:1200px}.video-js{aspect-ratio:16/9;width:100%!important;height:auto!important}