.admin{padding:3rem;height:100vh}.admin h1{text-align:center;font-size:42px}.tabs-container{display:flex;justify-content:center;width:100%;margin-top:20px;height:100%}.sidebar{width:max-content;display:block}.sidebar button{display:block;width:100%;padding:10px 0;margin-bottom:5px;width:130px;font-size:16px;background-color:transparent;color:black;border-bottom:1px solid #ccc;text-align:left}.data-box{width:-webkit-fill-available;margin-left:2rem;border-left:1px solid #ccc;padding:20px}.button{width:100px;border-radius:8px;font-size:16px;padding:5px 0;margin-top:20px}.card{padding:2rem;background-color:white;border-radius:1rem;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.active{color:rgb(66 89 79)!important}.blog-content h1{font-size:32px;font-weight:700}.blog-content h2>span{font-size:24px;font-weight:600;line-height:30px;margin-top:10px;padding-bottom:10px}.blog-content h3{font-size:28px!important;font-weight:600}.blog-content h2{font-size:27px;line-height:30px;margin-top:10px;padding-bottom:10px;font-weight:600}.blog-content h3>span{font-size:24px!important;font-weight:700}.blog-content h4{font-size:18px;font-weight:700}.blog-content h5{font-size:16px;font-weight:700}.blog-content h6{font-size:14px;font-weight:500}.blog-content p,.blog-content span{font-size:16px;line-height:28px}.blog-content{--media-max-width:800px;--media-radius:12px}.blog-content iframe,.blog-content img,.blog-content video{display:block;width:100%;max-width:min(100%,var(--media-max-width));height:auto;object-fit:cover;object-position:center}.blog-content .media-16x9,.blog-content iframe,.blog-content video{aspect-ratio:16/9}.blog-content .media-natural{aspect-ratio:auto;object-fit:contain}@media (max-width:480px){.blog-content iframe,.blog-content video{width:100%!important;height:auto!important;max-width:100%}}.blog-content figure{margin:1.25rem auto;max-width:min(100%,var(--media-max-width))}.blog-content figure>*{width:100%}.blog-content .ratio{position:relative;width:100%;max-width:min(100%,var(--media-max-width));overflow:hidden}.blog-content .ratio:before{content:"";display:block;padding-top:56.25%}.blog-content .ratio.ratio-4x3:before{padding-top:75%}.blog-content .ratio.ratio-1x1:before{padding-top:100%}.blog-content .ratio>iframe,.blog-content .ratio>img,.blog-content .ratio>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.blog-content img{max-width:718px}.blog-content iframe,.blog-content img,.blog-content video{min-height:150px;outline:none}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:8px;margin-bottom:8px}.blog-content p{margin-top:2px;margin-bottom:2px}.video-container{position:relative;display:inline-block;max-width:100%;margin:10px 0}.video-container video{width:100%;max-width:500px;height:auto;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;pointer-events:none;opacity:.8;border-radius:8px}.youtube-container{position:relative;width:100%;max-width:560px;margin:20px auto}.youtube-thumbnail{position:relative;width:100%;height:315px;background-size:cover;background-position:50%;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .2s ease}.youtube-thumbnail:hover{transform:scale(1.02)}.youtube-thumbnail iframe{display:none;width:100%;height:315px;border:none;border-radius:8px}.youtube-thumbnail .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:white;padding:12px 24px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;transition:background .2s ease}.youtube-thumbnail:hover .play-overlay{background:rgba(0,0,0,.9)}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.video-modal-content{background:white;border-radius:8px;padding:24px;width:100%;max-width:500px;margin:16px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.video-modal h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#1f2937}.video-modal .form-group{margin-bottom:16px}.video-modal label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.video-modal input[type=url]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.video-modal input[type=url]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.video-modal .thumbnail-upload{border:2px dashed #d1d5db;border-radius:6px;padding:16px;text-align:center;transition:border-color .2s ease}.video-modal .thumbnail-upload:hover{border-color:#3b82f6}.video-modal .thumbnail-preview img{max-width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:8px}.video-modal .button-group{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.video-modal button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.video-modal .cancel-btn{background:transparent;color:#6b7280;border:1px solid #d1d5db}.video-modal .cancel-btn:hover{background:#f9fafb;color:#374151}.video-modal .insert-btn{background:#3b82f6;color:white;border:1px solid #3b82f6}.video-modal .insert-btn:hover{background:#2563eb;border-color:#2563eb}.video-modal .insert-btn:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}