@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--color-bg:#f9faff;--color-text:#2d3748;--color-primary:#6b46c1;--color-primary-light:#9f7aea;--color-secondary:#ed64a6;--color-white:#fff;--color-gray-100:#f7fafc;--color-gray-200:#edf2f7;--color-gray-300:#e2e8f0;--color-gray-800:#2d3748;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #6b46c14d;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-gray-800);font-weight:700;line-height:1.2}h1{margin-bottom:1rem;font-size:2.5rem}h2{margin-bottom:.75rem;font-size:2rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);padding:2rem;transition:all .3s}.card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:var(--color-primary-light);transform:translateY(-5px)}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-200);flex-direction:column;width:280px;height:100%;display:flex}.admin-sidebar-header{border-bottom:1px solid var(--color-gray-200);color:var(--color-primary);align-items:center;gap:.5rem;padding:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.admin-sidebar-content{flex:1;padding:1rem;overflow-y:auto}.admin-main{background:var(--color-gray-100);flex:1;padding:2rem;overflow-y:auto}.tree-item{margin-bottom:.25rem}.tree-item-label{border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-800);align-items:center;padding:.5rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.tree-item-label:hover,.tree-item-label.active{background:var(--color-primary-light);color:var(--color-white)}.tree-children{border-left:1px solid var(--color-gray-200);margin-top:.25rem;margin-left:.5rem;padding-left:1rem}.input{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-gray-100);width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--color-primary);background:var(--color-white);outline:none;box-shadow:0 0 0 3px #6b46c133}.label{color:var(--color-gray-800);margin-bottom:.5rem;font-weight:600;display:block}.video-player-container{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.video-player{outline:none;width:100%;max-width:100%;max-height:100%}