@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-color:#38bdf8;--accent-hover:#0284c7;--accent-gradient:linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--danger-color:#f87171;--success-color:#34d399;--warning-color:#fbbf24;--surface-color:#0f0f0fd9;--surface-border:#ffffff0f;--font-main:"Inter", sans-serif;--nav-height:60px;--bottom-nav-height:65px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit}.glass{background:var(--surface-color);-webkit-backdrop-filter:blur(24px);border:1px solid var(--surface-border)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.app-wrapper{background-color:#000;justify-content:center;width:100vw;height:100vh;display:flex}.mobile-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:450px;height:100%;display:flex;position:relative}.top-nav{width:100%;height:var(--nav-height);z-index:50;padding:10px 16px 0;position:absolute;top:0;left:0}.search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#19191999;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:10px 16px;display:flex}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.bottom-nav{width:100%;height:var(--bottom-nav-height);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid var(--surface-border);background:#000;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0}.nav-item{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;transition:color .2s;display:flex}.nav-item.active{color:#fff}.nav-item span{font-size:10px;font-weight:500}.main-content{flex:1;height:100%;position:relative;overflow:hidden}.feed-container{scroll-snap-type:y mandatory;scrollbar-width:none;width:100%;height:100%;overflow-y:scroll}.feed-container::-webkit-scrollbar{display:none}.video-post{scroll-snap-align:start;background-color:#000;width:100%;height:100%;position:relative}.video-player{object-fit:cover;width:100%;height:100%}.video-overlay{pointer-events:none;width:100%;height:100%;padding:20px;padding-bottom:calc(var(--bottom-nav-height) + 20px);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;left:0}.overlay-bottom-left{pointer-events:auto;max-width:80%}.video-title{text-shadow:0 1px 4px #000;margin-bottom:8px;font-size:16px;font-weight:700}.video-description{color:#fffffff2;text-shadow:0 1px 3px #000;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.overlay-right{right:12px;bottom:calc(var(--bottom-nav-height) + 20px);pointer-events:auto;flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute}.action-button{color:#fff;filter:drop-shadow(0 2px 8px #000c);flex-direction:column;align-items:center;gap:8px;transition:transform .2s;display:flex}.action-button:active{transform:scale(.85)}.action-icon-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.action-text{font-size:13px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;pointer-events:auto;background:#000c;flex-direction:column;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:absolute;top:0;left:0}.modal-content{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-size:20px;font-weight:800}.close-btn{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quiz-header{color:var(--accent-color);margin-bottom:12px;font-size:14px;font-weight:600}.question-text{margin-bottom:30px;font-size:22px;font-weight:700;line-height:1.3}.options-list{flex-direction:column;gap:12px;display:flex}.option-btn{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:500;transition:all .2s}.option-btn:hover{background:#ffffff26}.option-btn.correct{border-color:var(--success-color);color:var(--success-color);background:#34d39933}.option-btn.incorrect{border-color:var(--danger-color);color:var(--danger-color);background:#f8717133}.quiz-summary-item{background:#ffffff0d;border-left:4px solid #0000;border-radius:12px;margin-bottom:16px;padding:16px}.quiz-summary-item.correct{border-left-color:var(--success-color)}.quiz-summary-item.incorrect{border-left-color:var(--danger-color)}.doc-item{background:#ffffff0d;border-radius:16px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.doc-icon{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.doc-info{flex:1;min-width:0}.doc-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.doc-type{color:var(--text-secondary);text-transform:uppercase;font-size:12px}.download-btn{background:var(--accent-color);color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-layout{color:#fff;background-color:#050505;width:100vw;height:100vh;display:flex}.admin-sidebar{background-color:#0a0a0a;border-right:1px solid #222;flex-direction:column;width:260px;display:flex}.admin-sidebar-header{border-bottom:1px solid #222;padding:24px}.admin-sidebar-header h2{color:var(--accent-color);font-size:18px;font-weight:800}.admin-sidebar-nav{flex:1;padding:20px 0}.admin-nav-item{color:var(--text-secondary);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:16px 24px;font-weight:500;transition:all .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff08}.admin-nav-item.active{color:var(--accent-color);border-left-color:var(--accent-color);background:#38bdf80d}.admin-main{flex:1;padding:40px;overflow-y:auto}.video-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:20px;display:grid}.video-card{background:#111;border:1px solid #222;border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.video-card:hover{border-color:#444;transform:translateY(-4px)}.video-thumb-container{aspect-ratio:9/16;background:#222;width:100%;position:relative}.video-thumbnail{object-fit:cover;width:100%;height:100%}.video-status-badge{text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.status-draft{color:#fff;background:#000000b3;border:1px solid #444}.status-published{color:#fff;background:#10b981cc}.status-scheduled{color:#fff;background:#f59e0bcc}.video-card-body{padding:12px}.video-card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}.video-card-actions{gap:6px;margin-top:12px;display:flex}.btn-icon{color:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.btn-icon:hover{background:#333}.btn-icon.danger:hover{background:var(--danger-color);color:#000}.admin-filters{background:#111;border:1px solid #222;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;margin-bottom:10px;padding:16px;display:flex}.filter-input{color:#fff;background:#000;border:1px solid #333;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.filter-input:focus{border-color:var(--accent-color)}.pagination-controls{justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.page-btn{color:#fff;background:#222;border:none;border-radius:8px;padding:8px 16px;font-weight:700}.page-btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:24px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{color:#fff;background:#111;border:1px solid #333;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:border-color .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-color);outline:none}.form-textarea{resize:vertical;min-height:100px}.btn-primary{background:var(--accent-gradient);color:#000;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-weight:700;display:flex}.btn-secondary{color:#fff;background:#222;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:flex}.card{background:#0a0a0a;border:1px solid #222;border-radius:16px;margin-bottom:24px;padding:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}