*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1117;color:#e6e8ec}img{max-width:100%}a{color:inherit;text-decoration:none}.page{max-width:1100px;margin:0 auto;padding:24px 16px}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:1px solid #22252e}.header nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-block;padding:8px 16px;border-radius:8px;border:1px solid #3a3f4b;background:#1a1d24;color:#e6e8ec;cursor:pointer;font-size:14px}.btn:hover{background:#22252e}.btn-primary{background:#4f6df5;border-color:#4f6df5}.btn-primary:hover{background:#3d58d8}.btn-danger{background:#e5484d;border-color:#e5484d}.category-select-row{display:flex;align-items:center;gap:10px;margin-top:16px}.category-select-label{font-size:14px;color:#9aa0ad;white-space:nowrap}.category-select{flex:1;max-width:280px;padding:10px 12px;border-radius:8px;border:1px solid #3a3f4b;background:#1a1d24;color:#e6e8ec;font-size:14px}.grid-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:20px}.video-card{background:#171a21;border-radius:10px;overflow:hidden;border:1px solid #22252e}.video-card img,.video-card .thumb-placeholder{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#22252e;display:block}.video-card-body{padding:12px}.video-card-title{font-size:15px;font-weight:600;margin:0 0 6px}.video-card-meta{font-size:13px;color:#9aa0ad}.form{display:flex;flex-direction:column;gap:12px;max-width:420px}.form input,.form textarea,.form select{padding:10px 12px;border-radius:8px;border:1px solid #3a3f4b;background:#1a1d24;color:#e6e8ec;font-size:14px}.error-text{color:#e5484d;font-size:14px}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #22252e;font-size:14px}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:#13151b;border-right:1px solid #22252e;padding:20px 0}.admin-sidebar-title{padding:0 24px 16px;font-weight:700}.admin-sidebar a{display:block;padding:10px 24px;font-size:14px}.admin-sidebar a:hover{background:#1a1d24}.admin-logout-btn{margin:20px 24px 0}.admin-content{flex:1;padding:24px;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:20px}.stat-card{background:#171a21;border:1px solid #22252e;border-radius:10px;padding:16px;text-align:center}.stat-value{font-size:28px;font-weight:700;margin:0;color:#4f6df5}.stat-label{margin:4px 0 0;font-size:13px;color:#9aa0ad}.banner-slot{width:100%;margin:16px 0}.banner-slot img{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:8px;display:block}.comment{border-bottom:1px solid #22252e;padding:12px 0}.comment-author{font-weight:600;font-size:14px}.comment-text{margin:4px 0 0;font-size:14px;color:#c8ccd4}.comment-form{display:flex;gap:8px;margin-bottom:16px}.comment-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #3a3f4b;background:#1a1d24;color:#e6e8ec;font-size:14px;min-width:0}.like-button{display:inline-flex;align-items:center;gap:6px}.like-button.active{color:#4f6df5;border-color:#4f6df5}@media (max-width: 900px){.admin-sidebar{width:180px}.grid-videos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media (max-width: 640px){.page{padding:16px 12px}.header{padding:12px 16px}.header nav{width:100%;justify-content:flex-end}.category-select-row{flex-direction:column;align-items:stretch;gap:6px}.category-select{max-width:none}.grid-videos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.video-card-title{font-size:14px}.video-card-meta{font-size:12px}.comment-form{flex-direction:column;align-items:stretch}.form{max-width:none}.banner-slot img{max-height:140px}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;display:flex;align-items:center;gap:4px;overflow-x:auto;padding:12px 16px;white-space:nowrap;border-right:none;border-bottom:1px solid #22252e}.admin-sidebar-title{padding:0 8px 0 0}.admin-sidebar a,.admin-sidebar button{display:inline-block;padding:8px 12px;margin:0}.admin-content{padding:16px}.table-scroll{overflow-x:auto;width:100%}table{min-width:480px}}@media (max-width: 380px){.grid-videos{grid-template-columns:1fr 1fr}}