.search-trigger-btn{width:100%;height:100%;padding:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}.search-trigger-btn:hover{background:#fff3;box-shadow:0 2px 8px #0000004d}.search-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding-top:10vh;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;width:90%;max-width:600px;animation:slideDown .3s ease;position:relative}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-modal-form{display:flex;gap:.5rem;padding:1.5rem;position:relative}.search-modal-input{flex:1;padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s}.search-modal-input:focus{border-color:var(--primary-color)}.search-modal-button{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s}.search-modal-button:hover{background:#0056b3}.search-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .3s}.search-modal-close:hover{color:#333}.search-suggestions{max-height:300px;overflow-y:auto;border-top:1px solid #eee;padding:.5rem 0}.suggestion-item{padding:.75rem 1.5rem;cursor:pointer;transition:background .3s;border-bottom:1px solid #f0f0f0;color:#333}.suggestion-item:hover{background:#f8f9fa}.suggestion-item:last-child{border-bottom:none}@media(max-width:768px){.search-modal{width:95%;margin:1rem}.search-modal-form{flex-direction:column;padding:1rem}.search-modal-button{width:100%}}.parent-nav-outer{width:100%;margin:0;padding:8px;box-sizing:border-box}.parent-nav-row{display:flex;width:100%;gap:4px;flex-wrap:nowrap;justify-content:flex-start}.parent-nav-item{flex:0 0 auto;min-width:56px;display:flex;align-items:stretch}.parent-nav-search-link{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:6px;border-radius:4px;background:#404040;color:#e5e7eb;font-size:.8rem;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.parent-nav-search-link:hover{background:#525252}.parent-nav-btn{width:100%;padding:6px;border-radius:4px;border:none;background:#404040;color:#e5e7eb;cursor:pointer;font-size:.8rem;text-align:center;white-space:nowrap;transition:background .15s ease,color .15s ease}.parent-nav-btn:hover{background:#525252}.parent-nav-btn.active{background:#f3f4f6;color:#000}@media(min-width:640px){.parent-nav-btn{padding:8px 10px;font-size:.9rem}}.category-sub-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start;margin-top:.5rem;width:100%}.category-sub-pill{padding:.25rem .75rem;border-radius:9999px;border:none;cursor:pointer;font-size:.875rem;transition:background .2s,color .2s;background:#ffffff1a;color:#e5e5e5;white-space:nowrap}.category-sub-pill:hover{background:#fff3}.category-sub-pill.active{background:#f90;color:#000}.category-sub-pill.category-sub-more{background:#737373cc;color:#d4d4d4}.category-sub-pill.category-sub-more:hover{background:#737373}.category-loading{text-align:center;color:#fff;padding:1rem;flex:1 1 100%}.ad-slot{background:transparent;border-radius:0;overflow:visible;margin:0;box-shadow:none;width:100%;display:block;position:relative;z-index:1}.ad-slot-banner_top{margin:0;padding:0;width:100%;max-width:none;box-sizing:border-box;background:transparent;box-shadow:none;border-radius:0;position:relative;z-index:10;min-height:0;display:block!important;visibility:visible!important;font-size:0;line-height:0}.ad-banner-area{margin-bottom:3rem;display:flex;flex-direction:column;gap:0;line-height:0;font-size:0;padding:0}.ad-banner-item{overflow:hidden;cursor:pointer;transition:opacity .2s ease;width:414px;height:86.25px;margin:0;padding:0;line-height:0;flex-shrink:0;display:block}.ad-banner-item:hover{opacity:.9}.ad-banner-item+.ad-banner-item{margin-top:0}.ad-slot-sidebar_right{position:sticky;top:100px}.ad-content-wrapper{width:100%;display:block!important;line-height:0;position:relative;visibility:visible!important;opacity:1!important;min-height:0;animation:none!important;transition:none!important;margin:0;padding:0}.ad-content-wrapper+.ad-content-wrapper{margin-top:0;padding-top:0;border-top:none}.ad-banner-item .ad-content-wrapper{display:block!important;width:414px;height:86.25px;line-height:0;margin-bottom:0;overflow:hidden}.ad-iframe{display:block!important;width:414px!important;height:86.25px!important;min-height:86.25px;border:none;margin:0!important;padding:0!important;vertical-align:top;overflow:hidden;visibility:visible!important;background:#171717!important;transform:translateZ(0)}.ad-content-wrapper img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border:none;outline:none;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1;animation:none!important;transition:none!important}.ad-content-wrapper a{display:block!important;width:100%!important;text-decoration:none;cursor:pointer;visibility:visible!important;opacity:1!important;animation:none!important;transition:none!important}.ad-slot-banner_top .ad-content-wrapper{min-height:50px;background:transparent;display:block!important}@media(max-width:768px){.ad-slot-banner_top .ad-content-wrapper{display:block!important;visibility:visible!important;opacity:1!important}.ad-slot-banner_top{display:flex!important;flex-direction:column!important;align-items:center!important}}@media(max-width:768px){.ad-slot-sidebar_right{position:static}.ad-slot-banner_top{padding:0;margin:0;display:block!important;visibility:visible!important}}.home-page{background:#171717;min-height:100vh;overflow-x:hidden;max-width:100%}.top-nav-bar{background:#171717;padding:.5rem 0;padding-left:0;margin-bottom:.5rem;margin-left:0;position:sticky;top:0;z-index:100}.top-nav-container{max-width:none;width:100%;margin:0;padding:0;padding-left:.5rem;display:flex;align-items:center;gap:.75rem;position:relative;justify-content:flex-start;box-sizing:border-box;flex-wrap:wrap}.category-nav-wrapper{flex:0 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:.75rem;justify-content:flex-start;margin-left:0;padding-left:0}.category-nav-first-row{display:grid;grid-template-columns:repeat(5,53.14px) 53.14px;gap:.25rem;width:max-content;align-items:center}.category-nav-first-row .category-item-wrapper{width:53.14px;height:36px}.category-nav-first-row .category-item,.category-nav-first-row .category-item-wrapper .category-item{width:53.14px;height:36px;min-width:53.14px;min-height:36px;padding:0;border-radius:6px;font-size:.875rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.category-nav-first-row .category-item:hover{transform:none}.category-nav-rest{display:grid;grid-template-columns:repeat(4,auto);gap:.75rem;width:max-content;max-width:100%}.category-nav-wrapper>.category-item,.category-nav-wrapper>.category-item-wrapper{flex:0 0 auto}.category-nav-wrapper>.category-loading{flex:1 1 100%;text-align:center;color:#fff;padding:1rem}.search-btn-inline{display:flex;align-items:center;width:53.14px;height:36px}.home-container{max-width:1400px;width:100%;margin:0 auto;padding:2rem;box-sizing:border-box}.video-section{margin-bottom:2rem}.video-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.video-section-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.video-section-refresh-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;transition:background .2s,color .2s}.video-section-refresh-btn:hover:not(:disabled){background:#1d4ed8}.video-section-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.video-section-refresh-icon{width:1rem;height:1rem;flex-shrink:0}.video-section-loading,.video-section-empty{text-align:center;padding:2rem;color:#aaa;font-size:.95rem}.video-card-category-tag{position:absolute;top:8px;left:8px;padding:.2rem .5rem;background:#2563ebe6;color:#fff;border-radius:4px;font-size:.7rem;font-weight:500;z-index:2}.video-card-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transition:opacity .2s;z-index:1}.video-card:hover .video-card-play-overlay{opacity:1}.video-card-play-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:#171717;border-radius:50%;font-size:1.25rem;padding-left:4px}.video-views{margin:0;font-size:.75rem;color:#aaa}.category-header{margin:2rem 0 1rem;padding:1.5rem;background:#171717;border-radius:12px;box-shadow:0 2px 8px #0000004d}.category-header h2{margin:0 0 .5rem;color:#eee;font-size:1.5rem;font-weight:600}.category-count{margin:0;color:#aaa;font-size:.9rem}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(193px,1fr));gap:1.5rem;margin-top:1rem}.video-card{border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000004d;transition:all .3s ease;background:#171717;position:relative}.video-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000080}.video-link{text-decoration:none;color:inherit;display:block;overflow:hidden}.video-thumbnail-wrapper{position:relative;width:100%;height:0;padding-top:65.28%;background:#000;overflow:hidden}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.video-card:hover .video-thumbnail{transform:scale(1.05)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.video-info{box-sizing:border-box;width:100%;min-height:38.5px;padding:6px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;background:#171717}.video-title{margin:0;font-size:.8rem;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;font-weight:500;transition:color .2s}.video-card:hover .video-title{color:#60a5fa}.video-meta{display:flex;gap:1rem;font-size:.8rem;color:#aaa;margin:0}.video-meta span{display:flex;align-items:center;gap:.25rem}.load-more-btn{display:block;margin:2rem auto;padding:.75rem 2rem;background:var(--primary-color);color:#fff}.load-more-btn:hover:not(:disabled){background:#0056b3}.no-videos{text-align:center;padding:3rem 1rem;color:#aaa;font-size:1.1rem}.pagination{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;color:#eee;font-size:.9rem}.pagination-btn{padding:.5rem 1rem;border-radius:9999px;border:none;background:#2563eb;color:#fff;cursor:pointer;font-size:.85rem;transition:background .2s}.pagination-btn:disabled{background:#4b5563;cursor:default}.pagination-btn:not(:disabled):hover{background:#1d4ed8}.pagination-info{color:#aaa;font-size:.85rem}.search-page-form{background:#1f2937;border-radius:8px;padding:24px;margin-bottom:24px}.search-page-title{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:#fff}.search-page-form-row{display:flex;gap:12px;align-items:center}.search-page-input{flex:1;height:40px;padding:8px 12px;border-radius:6px;border:1px solid #4b5563;background:#374151;color:#fff;outline:none;font-size:1rem}.search-page-input::placeholder{color:#9ca3af}.search-page-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.search-page-button{height:40px;padding:8px 24px;border-radius:6px;border:none;background:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.search-page-button:hover{background:#2563eb}@media(max-width:1024px){.videos-grid{grid-template-columns:repeat(auto-fill,minmax(193px,1fr))}}@media(max-width:768px){.top-nav-container{padding:0;padding-left:.5rem;gap:.5rem}.home-container{padding:0 1rem 1rem}.top-nav-bar{padding-left:0}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(193px,1fr));gap:1rem}}@media(max-width:480px){.videos-grid{grid-template-columns:repeat(2,1fr)}.video-title{font-size:.75rem}}.video-player-error{background:#1e3a5f;color:#93c5fd;padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:.95rem}.video-player-container.has-error .video-player-hidden{display:none!important}.video-player-container{position:relative;width:414px;max-width:100%;aspect-ratio:414 / 232.88;height:auto;min-height:0;background:#000;border-radius:8px;overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow)}.video-player-inner{position:absolute;inset:0;width:100%;height:100%}.video-player-inner .video-player-native{width:100%;height:100%;display:block;object-fit:contain!important;object-position:center center}@media(max-width:768px){.video-player-container{margin-bottom:1rem}}.video-player-native:fullscreen,.video-player-native:-webkit-full-screen{width:100%;height:100%;object-fit:contain}.video-detail-page{overflow-x:hidden;max-width:100%}.detail-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;max-width:100%;box-sizing:border-box}.video-processing-tip{padding:1.5rem;margin-bottom:1rem;background:#ffc1071f;border:1px solid rgba(255,193,7,.4);border-radius:8px;color:#e0c040}.video-processing-tip p{margin:0 0 .75rem}.video-processing-refresh{padding:.4rem 1rem;background:#ffc10740;border:1px solid rgba(255,193,7,.5);border-radius:6px;color:#e0c040;cursor:pointer;font-size:.9rem}.video-processing-refresh:hover{background:#ffc10759}.video-heading{margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600;color:#eee;word-break:break-word}.video-detail-info{margin-top:.5rem;padding:0 .25rem}.video-title{margin:0;font-size:1rem;font-weight:400;color:#eee;word-break:break-word}.video-desc{margin:0;color:#aaa;font-size:.9rem;line-height:1.5;word-break:break-word}.related-videos{margin-top:1.5rem}.related-videos-title{font-size:1.2rem;margin:0 0 1rem;color:#eee;font-weight:600}.related-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.related-video-card{text-decoration:none;color:inherit;display:block;border-radius:8px;overflow:hidden;background:#171717;box-shadow:0 2px 8px #0000004d;transition:transform .2s,box-shadow .2s}.related-video-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0006}.related-video-thumb{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}.related-video-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.related-video-duration{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem}.related-video-title{margin:0;padding:.5rem .75rem;font-size:.85rem;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.related-videos-empty{margin:0;color:#888;font-size:.95rem}.sidebar{display:flex;flex-direction:column;gap:1rem}@media(max-width:1024px){.detail-container{grid-template-columns:1fr}.sidebar{flex-direction:row;gap:2rem}}@media(max-width:768px){.related-videos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.sidebar{flex-direction:column}}.admin-page{min-height:100vh;background:#f5f7fa}.login-page{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{width:100%;max-width:450px;padding:2rem}.login-box{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 40px #0003}.login-box h1{text-align:center;margin-bottom:2rem;color:#333;font-size:1.8rem}.login-box .form-group{margin-bottom:1.5rem}.login-box label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.login-box input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.login-box input:focus{outline:none;border-color:#667eea}.login-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.admin-content{width:100%;padding:0}.admin-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;width:100%;min-height:calc(100vh - 48px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-header h2{margin:0;color:#333;font-size:1.5rem}.section-hint{color:#666;margin-top:.5rem}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #667eea4d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.data-table{overflow-x:auto;margin-top:1.5rem}.data-table table{width:100%;border-collapse:collapse;background:#fff}.data-table thead{background:#f8f9fa}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.data-table td{padding:1rem;border-bottom:1px solid #f0f0f0;color:#555}.data-table tr:hover{background:#f8f9fa}.content-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667eea}.edit-btn,.delete-btn{padding:.4rem .8rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;margin-right:.5rem;transition:all .2s}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5568d3}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.submit-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;width:90%;padding:2rem;box-shadow:0 20px 60px #0000004d}.modal-content h3{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;width:2rem;height:2rem;border-radius:50%;font-size:1.2rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e0e0e0;color:#333}@media(max-width:768px){.admin-content{padding:1rem}.admin-section{padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.75rem .5rem}.modal-content{width:95%;padding:1.5rem}}.videos-page{width:100%;padding:24px;min-height:100vh;background:#f5f7fa;box-sizing:border-box}.videos-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.videos-page-title{margin:0 0 8px;font-size:30px;font-weight:600;color:#111827}.videos-page-subtitle{margin:0;font-size:14px;color:#6b7280}.videos-page-upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.videos-page-upload-btn:hover{background:#1d4ed8}.videos-page-icon{flex-shrink:0}.videos-page-search{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.videos-page-search-wrapper{flex:1;position:relative}.videos-page-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.videos-page-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.videos-page-search-input:focus{outline:none;border-color:#2563eb}.videos-page-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.videos-page-filter-btn:hover{background:#f9fafb;border-color:#9ca3af}.videos-page-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:24px}.videos-page-loading{padding:48px;text-align:center;color:#6b7280;font-size:14px}.videos-page-table{width:100%;border-collapse:collapse}.videos-page-table thead{background:#f9fafb}.videos-page-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.videos-page-th-id{width:80px}.videos-page-th-title{width:300px}.videos-page-th-actions{text-align:right}.videos-page-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.videos-page-row:hover{background-color:#f9fafb}.videos-page-table td{padding:16px;font-size:14px;color:#374151}.videos-page-td-id{font-weight:500;color:#6b7280}.videos-page-td-title{padding:12px 16px}.videos-page-title-cell{display:flex;align-items:center;gap:12px}.videos-page-thumbnail{width:64px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.videos-page-thumbnail-placeholder{width:64px;height:48px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.videos-page-title-text{font-weight:500;color:#111827}.videos-page-td-actions{text-align:right}.videos-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.videos-page-edit-btn,.videos-page-delete-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.videos-page-edit-btn{color:#6b7280}.videos-page-edit-btn:hover{background:#f3f4f6;color:#374151}.videos-page-delete-btn{color:#dc2626}.videos-page-delete-btn:hover{background:#fef2f2;color:#b91c1c}.videos-page-empty{padding:48px 16px;text-align:center;color:#9ca3af;font-size:14px}.videos-page-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.videos-page-badge-published{background:#dbeafe;color:#1e40af}.videos-page-badge-draft{background:#f3f4f6;color:#6b7280}.videos-page-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.videos-page-pagination-info{margin:0;font-size:14px;color:#6b7280}.videos-page-pagination-buttons{display:flex;gap:8px}.videos-page-pagination-btn{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.videos-page-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.videos-page-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.videos-page-edit-modal{max-width:500px}.videos-page-edit-form{padding:0}.videos-page-edit-form .form-group{margin-bottom:20px}.videos-page-edit-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.videos-page-edit-form .form-input,.videos-page-edit-form .form-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.videos-page-edit-form .form-input:focus,.videos-page-edit-form .form-textarea:focus{outline:none;border-color:#2563eb}.videos-page-edit-form .form-textarea{resize:vertical;font-family:inherit}.videos-page-edit-form .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.videos-page-cancel-btn{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.videos-page-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.videos-page-save-btn{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s}.videos-page-save-btn:hover:not(:disabled){background:#1d4ed8}.videos-page-save-btn:disabled{opacity:.5;cursor:not-allowed}.videos-page-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.videos-page-upload-modal{max-width:500px}.modal-description{margin:0 0 24px;font-size:14px;color:#6b7280}.videos-page-upload-form{padding:0}.videos-page-drag-zone{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:32px;transition:all .2s;background:#fff}.videos-page-drag-zone:hover{border-color:#2563eb;background:#f9fafb}.videos-page-drag-zone-active{border-color:#2563eb;background:#eff6ff}.videos-page-drag-zone-content{text-align:center}.videos-page-drag-icon{width:64px;height:64px;margin:0 auto 16px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.videos-page-drag-text{margin-bottom:8px;font-size:14px;color:#374151}.videos-page-drag-link{color:#2563eb;font-weight:500;cursor:pointer;text-decoration:none}.videos-page-drag-link:hover{color:#1d4ed8;text-decoration:underline}.videos-page-drag-hint{margin:0;font-size:12px;color:#6b7280}.videos-page-file-input{display:none}.videos-page-file-selected{display:flex;align-items:center;justify-content:space-between;gap:16px}.videos-page-file-info{display:flex;align-items:center;gap:12px;flex:1}.videos-page-file-icon{width:48px;height:48px;background:#dbeafe;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.videos-page-file-name{margin:0 0 4px;font-size:14px;font-weight:500;color:#111827}.videos-page-file-size{margin:0;font-size:12px;color:#6b7280}.videos-page-remove-file-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.videos-page-remove-file-btn:hover:not(:disabled){background:#fef2f2;color:#b91c1c}.videos-page-remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.videos-page-upload-progress{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.videos-page-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.videos-page-progress-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s}.videos-page-progress-text{margin:0;font-size:12px;color:#6b7280;text-align:center}@media(max-width:768px){.videos-page{padding:16px}.videos-page-header{flex-direction:column;gap:16px;align-items:stretch}.videos-page-search{flex-direction:column}.videos-page-table-wrapper{overflow-x:auto}.videos-page-table{min-width:800px}.videos-page-pagination{flex-direction:column;gap:12px;align-items:stretch}.videos-page-pagination-buttons{justify-content:center}.videos-page-drag-zone{padding:24px 16px}.videos-page-file-selected{flex-direction:column;align-items:flex-start}}.categories-page{width:100%;padding:24px;min-height:100vh;background:#f5f7fa;box-sizing:border-box}.categories-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.categories-page-title{margin:0 0 8px;font-size:30px;font-weight:600;color:#111827}.categories-page-subtitle{margin:0;font-size:14px;color:#6b7280}.categories-page-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.categories-page-add-btn:hover{background:#1d4ed8}.categories-page-icon{flex-shrink:0}.categories-page-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}.categories-page-stat-card{border-radius:8px;padding:24px;color:#fff;box-shadow:0 4px 6px #0000001a}.categories-page-stat-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.categories-page-stat-green{background:linear-gradient(135deg,#10b981,#059669)}.categories-page-stat-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.categories-page-stat-content{display:flex;align-items:center;justify-content:space-between}.categories-page-stat-label{margin:0 0 8px;font-size:14px;opacity:.9}.categories-page-stat-value{margin:0;font-size:32px;font-weight:700}.categories-page-stat-icon{opacity:.8}.categories-page-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.categories-page-table{width:100%;border-collapse:collapse}.categories-page-table thead{background:#f9fafb}.categories-page-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.categories-page-th-id{width:80px}.categories-page-th-actions{text-align:right}.categories-page-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.categories-page-row:hover{background-color:#f9fafb}.categories-page-table td{padding:16px;font-size:14px;color:#374151}.categories-page-td-id{font-weight:500;color:#6b7280}.categories-page-name-cell{display:flex;align-items:center;gap:8px}.categories-page-name-cell-child{padding-left:24px}.categories-page-chevron{color:#9ca3af;flex-shrink:0}.categories-page-folder-icon{color:#60a5fa;flex-shrink:0}.categories-page-folder-open-icon{color:#2563eb;flex-shrink:0}.categories-page-name-parent{font-weight:500;color:#111827}.categories-page-name-child{font-weight:500;color:#374151}.categories-page-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.categories-page-badge-top{background:#dbeafe;color:#1e40af}.categories-page-badge-parent{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.categories-page-badge-count{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.categories-page-keywords{display:flex;flex-wrap:wrap;gap:4px}.categories-page-keyword{display:inline-block;padding:2px 8px;background:#f3f4f6;color:#374151;border-radius:12px;font-size:12px}.categories-page-no-keywords{color:#9ca3af}.categories-page-description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280}.categories-page-td-actions{text-align:right}.categories-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.categories-page-edit-btn,.categories-page-delete-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.categories-page-edit-btn{color:#6b7280}.categories-page-edit-btn:hover{background:#f3f4f6;color:#374151}.categories-page-delete-btn{color:#dc2626}.categories-page-delete-btn:hover{background:#fef2f2;color:#b91c1c}.categories-page-empty{padding:48px 16px;text-align:center;color:#9ca3af;font-size:14px}.categories-page-modal{max-width:500px}.categories-page-form{padding:0}.categories-page-form .form-group{margin-bottom:20px}.categories-page-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.categories-page-form .form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.categories-page-form .form-input:focus{outline:none;border-color:#2563eb}.categories-page-form .form-hint{margin:4px 0 0;font-size:12px;color:#6b7280}.categories-page-form .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.categories-page-cancel-btn{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.categories-page-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.categories-page-save-btn{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s}.categories-page-save-btn:hover{background:#1d4ed8}@media(max-width:768px){.categories-page{padding:16px}.categories-page-header{flex-direction:column;gap:16px;align-items:stretch}.categories-page-stats{grid-template-columns:1fr}.categories-page-table-wrapper{overflow-x:auto}.categories-page-table{min-width:800px}.categories-page-description{max-width:150px}}.ads-page{width:100%;padding:24px;min-height:100vh;background:#f5f7fa;box-sizing:border-box}.ads-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.ads-page-title{margin:0 0 8px;font-size:30px;font-weight:600;color:#111827}.ads-page-subtitle{margin:0;font-size:14px;color:#6b7280}.ads-page-add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.ads-page-add-btn:hover{background:#1d4ed8}.ads-page-icon{flex-shrink:0}.ads-page-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:24px}.ads-page-stat-card{border-radius:8px;padding:24px;color:#fff;box-shadow:0 4px 6px #0000001a}.ads-page-stat-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ads-page-stat-green{background:linear-gradient(135deg,#10b981,#059669)}.ads-page-stat-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.ads-page-stat-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.ads-page-stat-content{display:flex;align-items:center;justify-content:space-between}.ads-page-stat-label{margin:0 0 8px;font-size:14px;opacity:.9}.ads-page-stat-value{margin:0;font-size:32px;font-weight:700}.ads-page-stat-icon{opacity:.8}.ads-page-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.ads-page-table{width:100%;border-collapse:collapse}.ads-page-table thead{background:#f9fafb}.ads-page-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ads-page-th-id{width:60px}.ads-page-table th:nth-child(2){width:300px}.ads-page-th-actions{text-align:right}.ads-page-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.ads-page-row:hover{background-color:#f9fafb}.ads-page-table td{padding:16px;font-size:14px;color:#374151}.ads-page-td-id{font-weight:500;color:#6b7280}.ads-page-title-cell{display:flex;align-items:center;gap:12px}.ads-page-thumbnail{width:80px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.ads-page-thumbnail-placeholder{width:80px;height:48px;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.ads-page-title-text{font-weight:500;color:#111827}.ads-page-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.ads-page-badge-type{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.ads-page-badge-active{background:#dbeafe;color:#1e40af}.ads-page-badge-inactive{background:#f3f4f6;color:#6b7280}.ads-page-stats-cell{font-size:13px}.ads-page-stat-click{color:#111827;font-weight:500;margin-bottom:2px}.ads-page-stat-impression{color:#6b7280}.ads-page-date-cell{font-size:13px;color:#6b7280}.ads-page-date-to{color:#9ca3af;font-size:12px}.ads-page-status-cell{display:flex;align-items:center;gap:8px}.ads-page-switch{position:relative;display:inline-block;width:44px;height:24px}.ads-page-switch input{opacity:0;width:0;height:0}.ads-page-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.ads-page-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.ads-page-switch input:checked+.ads-page-slider{background-color:#2563eb}.ads-page-switch input:checked+.ads-page-slider:before{transform:translate(20px)}.ads-page-td-actions{text-align:right}.ads-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.ads-page-edit-btn,.ads-page-delete-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ads-page-edit-btn{color:#6b7280}.ads-page-edit-btn:hover{background:#f3f4f6;color:#374151}.ads-page-delete-btn{color:#dc2626}.ads-page-delete-btn:hover{background:#fef2f2;color:#b91c1c}.ads-page-empty{padding:48px 16px;text-align:center;color:#9ca3af;font-size:14px}.ads-page-modal{max-width:500px}.ads-page-form{padding:0}.ads-page-form .form-group{margin-bottom:20px}.ads-page-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.ads-page-form .form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.ads-page-form .form-input:focus{outline:none;border-color:#2563eb}.ads-page-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ads-page-image-upload{position:relative;width:100%;min-height:128px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff;cursor:pointer}.ads-page-image-upload:hover{border-color:#2563eb;background:#f9fafb}.ads-page-image-upload-active{border-color:#2563eb;background:#eff6ff}.ads-page-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.ads-page-upload-icon{color:#9ca3af}.ads-page-upload-text{margin:0;font-size:14px;color:#6b7280}.ads-page-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ads-page-image-preview{position:relative;width:100%;height:100%;min-height:128px;display:flex;align-items:center;justify-content:center;padding:8px}.ads-page-preview-img{max-width:100%;max-height:200px;object-fit:contain;border-radius:6px}.ads-page-remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;background:#dc2626e6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ads-page-remove-image-btn:hover{background:#b91c1c}.ads-page-form .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.ads-page-cancel-btn{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.ads-page-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.ads-page-save-btn{padding:10px 20px;background:#2563eb;border:none;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s}.ads-page-save-btn:hover{background:#1d4ed8}@media(max-width:768px){.ads-page{padding:16px}.ads-page-header{flex-direction:column;gap:16px;align-items:stretch}.ads-page-stats{grid-template-columns:1fr}.ads-page-table-wrapper{overflow-x:auto}.ads-page-table{min-width:900px}.ads-page-date-grid{grid-template-columns:1fr}}.settings-page{width:100%;padding:24px;min-height:100vh;background:#f5f7fa;box-sizing:border-box}.settings-page-header{margin-bottom:24px}.settings-page-title{margin:0 0 8px;font-size:30px;font-weight:600;color:#111827}.settings-page-subtitle{margin:0;font-size:14px;color:#6b7280}.settings-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.settings-page-card-full{grid-column:1 / -1}.settings-page-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.settings-page-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.settings-page-card-header-row{justify-content:space-between;align-items:center}.settings-page-card-header-left{display:flex;align-items:flex-start;gap:12px}.settings-page-card-title{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.settings-page-card-subtitle{margin:0;font-size:14px;color:#6b7280}.settings-page-icon{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-page-icon-sm{padding:6px}.settings-page-icon-blue{background:#dbeafe;color:#2563eb}.settings-page-icon-purple{background:#f3e8ff;color:#9333ea}.settings-page-icon-red{background:#fee2e2;color:#dc2626}.settings-page-icon-green{background:#d1fae5;color:#059669}.settings-page-separator{height:1px;background:#e5e7eb;margin:24px 0}.settings-page-form{display:flex;flex-direction:column;gap:20px}.settings-page-form-group{display:flex;flex-direction:column;gap:8px}.settings-page-form-group label{font-size:14px;font-weight:500;color:#374151}.settings-page-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.settings-page-input:focus{outline:none;border-color:#2563eb}.settings-page-input-disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed;border:1px solid #d1d5db;padding:10px 12px;border-radius:6px;font-size:14px;width:100%;box-sizing:border-box}.settings-page-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:16px;color:#6b7280}.settings-page-input-secret{font-family:monospace;font-size:12px}.settings-page-input-group{display:flex;gap:8px}.settings-page-input-group .settings-page-input{flex:1}.settings-page-hint{font-size:12px;color:#6b7280;margin:0}.settings-page-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.settings-page-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s;box-sizing:border-box}.settings-page-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.settings-page-upload-group{display:flex;align-items:center;gap:8px}.settings-page-file-input{flex:1;padding:.5rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer}.settings-page-file-input:focus{outline:none;border-color:#3b82f6}.settings-page-image-preview{margin-top:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;display:flex;align-items:center;justify-content:center}.settings-page-logo-preview{max-width:200px;max-height:80px;object-fit:contain}.settings-page-favicon-preview{width:64px;height:64px;object-fit:contain}.settings-page-switch-group{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-page-switch-label{flex:1}.settings-page-switch-label label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.settings-page-switch-hint{font-size:12px;color:#6b7280;margin:0}.settings-page-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.settings-page-toggle input{opacity:0;width:0;height:0}.settings-page-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.settings-page-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.settings-page-toggle input:checked+.settings-page-toggle-slider{background-color:#2563eb}.settings-page-toggle input:checked+.settings-page-toggle-slider:before{transform:translate(20px)}.settings-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-sizing:border-box}.settings-page-btn:disabled{opacity:.5;cursor:not-allowed}.settings-page-btn-primary{color:#fff}.settings-page-btn-blue{background:#2563eb}.settings-page-btn-blue:hover:not(:disabled){background:#1d4ed8}.settings-page-btn-purple{background:#9333ea}.settings-page-btn-purple:hover:not(:disabled){background:#7e22ce}.settings-page-btn-red{background:#dc2626}.settings-page-btn-red:hover:not(:disabled){background:#b91c1c}.settings-page-btn-green{background:#059669}.settings-page-btn-green:hover:not(:disabled){background:#047857}.settings-page-btn-outline{background:#fff;color:#374151;border:1px solid #d1d5db}.settings-page-btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.settings-page-btn-full{width:100%}.settings-page-btn-icon{padding:8px;min-width:auto}.settings-page-btn-icon-only{padding:8px;width:auto}.settings-page-btn-icon-danger{color:#dc2626}.settings-page-btn-icon-danger:hover{background:#fee2e2}.settings-page-btn-icon svg{width:16px;height:16px}.settings-page-btn-icon-only svg{width:16px;height:16px}.settings-page-device-list{display:flex;flex-direction:column;gap:12px}.settings-page-device-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e5e7eb;border-radius:8px;transition:background-color .2s}.settings-page-device-item:hover{background:#f9fafb}.settings-page-device-info{display:flex;align-items:center;gap:16px;flex:1}.settings-page-device-details{flex:1}.settings-page-device-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.settings-page-device-name{margin:0;font-size:16px;font-weight:500;color:#111827}.settings-page-device-meta{font-size:14px;color:#6b7280}.settings-page-device-separator{margin:0 8px}.settings-page-device-actions{display:flex;align-items:center;gap:12px}.settings-page-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.settings-page-badge-active{background:#d1fae5;color:#059669}.settings-page-badge-inactive{background:#f3f4f6;color:#6b7280}.settings-page-empty{text-align:center;padding:48px 16px}.settings-page-empty-icon{color:#9ca3af;margin:0 auto 16px}.settings-page-empty-text{color:#6b7280;font-size:16px;margin:0 0 4px}.settings-page-empty-hint{color:#9ca3af;font-size:14px;margin:0}.settings-page-tip{display:flex;gap:12px;padding:16px;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin-top:24px}.settings-page-tip-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.settings-page-tip-content{flex:1}.settings-page-tip-title{font-size:14px;font-weight:600;color:#1e40af;margin:0 0 8px}.settings-page-tip-list{margin:0;padding-left:20px;color:#1e3a8a;font-size:14px;line-height:1.6}.settings-page-tip-list li{margin-bottom:4px}.settings-page-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-page-modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.settings-page-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.settings-page-modal-title{margin:0 0 8px;font-size:20px;font-weight:600;color:#111827}.settings-page-modal-subtitle{margin:0;font-size:14px;color:#6b7280}.settings-page-modal-content{padding:24px}.settings-page-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.settings-page-qr-section{display:flex;flex-direction:column;gap:16px}.settings-page-qr-container{border:2px solid #e5e7eb;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafb;margin-bottom:16px}.settings-page-qr-image{width:200px;height:200px;margin-bottom:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;padding:8px}.settings-page-qr-placeholder{border:2px dashed #d1d5db;border-radius:8px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9fafb}.settings-page-qr-icon{color:#9ca3af;margin-bottom:16px}.settings-page-qr-hint{font-size:14px;color:#6b7280;text-align:center;margin:0 0 8px}.settings-page-qr-hint-small{font-size:12px;color:#9ca3af;text-align:center;margin:0}.settings-page-secret-group{display:flex;gap:8px}.settings-page-secret-group .settings-page-input{flex:1}@media(max-width:768px){.settings-page{padding:16px}.settings-page-grid{grid-template-columns:1fr}.settings-page-card-header-row{flex-direction:column;align-items:flex-start;gap:16px}.settings-page-card-header-row .settings-page-btn{width:100%}.settings-page-input-group{flex-direction:column}.settings-page-form-row{grid-template-columns:1fr}.settings-page-device-item{flex-direction:column;align-items:flex-start;gap:16px}.settings-page-device-actions{width:100%;justify-content:space-between}.settings-page-modal{max-width:100%;margin:0}}.statistics-page{width:100%;padding:24px;min-height:100vh;background:#f5f7fa;box-sizing:border-box}.statistics-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px}.statistics-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#0f172a}.statistics-subtitle{margin:0;font-size:14px;color:#64748b}.statistics-actions{display:flex;gap:8px;align-items:center}.statistics-select{padding:8px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#475569;cursor:pointer}.statistics-export-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.statistics-export-btn:hover{background:#1d4ed8}.statistics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.statistics-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9;transition:box-shadow .2s}.statistics-card:hover{box-shadow:0 4px 12px #00000014}.statistics-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.statistics-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.statistics-card-icon-blue{background:#3b82f626;color:#2563eb}.statistics-card-icon-green{background:#10b98126;color:#059669}.statistics-card-icon-purple{background:#8b5cf626;color:#7c3aed}.statistics-card-icon-orange{background:#f9731626;color:#ea580c}.statistics-card-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500}.statistics-card-change.up{color:#059669}.statistics-card-change.down{color:#dc2626}.statistics-card-body{margin:0}.statistics-card-label{margin:0 0 4px;font-size:14px;font-weight:500;color:#64748b}.statistics-card-value{margin:0;font-size:24px;font-weight:700;color:#0f172a}.statistics-charts{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:1024px){.statistics-charts{grid-template-columns:1fr}}.statistics-chart-main,.statistics-chart-pie{background:#fff;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9}.statistics-chart-main,.statistics-chart-pie{min-width:0}.statistics-chart-header{margin-bottom:24px}.statistics-chart-title{margin:0;font-size:16px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px}.statistics-chart-title svg{color:#2563eb;flex-shrink:0}.statistics-chart-area{height:300px;width:100%;min-width:0}.statistics-chart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:14px}.statistics-pie-wrap{position:relative}.statistics-table-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #f1f5f9;overflow:hidden}.statistics-table-header{padding:24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.statistics-table-count{font-size:12px;color:#64748b}.statistics-table-wrap{overflow-x:auto;min-height:400px}.statistics-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.statistics-table thead{background:#f8fafc;color:#64748b;position:sticky;top:0;z-index:10}.statistics-table th{padding:16px 24px;font-weight:500}.statistics-th-right{text-align:right}.statistics-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .2s}.statistics-table tbody tr:hover{background:#f8fafccc}.statistics-table td{padding:16px 24px;color:#475569}.statistics-td-mono{font-family:ui-monospace,monospace;color:#475569}.statistics-td-right{text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:6px}.statistics-highlight{font-weight:700;color:#2563eb}.statistics-unit{font-size:12px;color:#94a3b8;margin-left:2px}.statistics-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:500}.statistics-tag-green{background:#10b98126;color:#059669}.statistics-tag-purple{background:#8b5cf626;color:#7c3aed}.statistics-empty{text-align:center;padding:48px 24px;color:#94a3b8}.statistics-pagination{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#f8fafc80}.statistics-pagination-info{font-size:14px;color:#64748b}.statistics-pagination-btns{display:flex;align-items:center;gap:8px}.statistics-page-btn{padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.statistics-page-btn:hover:not(:disabled){background:#f8fafc}.statistics-page-btn:disabled{opacity:.5;cursor:not-allowed}.statistics-page-info{font-size:14px;font-weight:500;color:#475569;padding:0 8px}.admin-layout{display:flex;min-height:100vh;background:#f5f7fa;width:100vw;margin:0;padding:0;position:absolute;inset:0;overflow:hidden;z-index:1}.admin-sidebar{width:288px;background:linear-gradient(to bottom,#0f172a,#1e293b,#0f172a);display:flex;flex-direction:column;box-shadow:2px 0 20px #0000001a;position:relative;height:100vh;overflow-y:auto;flex-shrink:0}.admin-sidebar-header{height:80px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-logo{display:flex;align-items:center;gap:12px}.admin-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f680;color:#fff}.admin-logo-text h1{margin:0;font-size:18px;font-weight:700;color:#fff;line-height:1.2}.admin-logo-text p{margin:0;font-size:12px;color:#94a3b8;line-height:1.2}.admin-nav{flex:1;padding:32px 16px}.admin-nav-list{display:flex;flex-direction:column;gap:8px}.admin-nav-item{position:relative;display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:12px;transition:all .2s;color:#cbd5e1;text-decoration:none;cursor:pointer}.admin-nav-item:hover{background:#ffffff0d;color:#fff}.admin-nav-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f680}.admin-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:32px;background:#fff;border-radius:0 4px 4px 0}.admin-nav-icon{flex-shrink:0;transition:transform .2s;display:flex;align-items:center;justify-content:center}.admin-nav-item:hover .admin-nav-icon{transform:scale(1.05)}.admin-nav-item.active .admin-nav-icon{transform:scale(1.1)}.admin-nav-text{flex:1}.admin-nav-label{font-weight:500;font-size:15px;line-height:1.2}.admin-nav-desc{font-size:12px;color:#64748b;margin-top:2px;transition:color .2s}.admin-nav-item:hover .admin-nav-desc{color:#94a3b8}.admin-nav-desc.active{color:#ffffffb3}.admin-sidebar-footer{padding:24px;border-top:1px solid rgba(255,255,255,.1)}.admin-preview-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #22c55e4d}.admin-preview-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 16px #22c55e80}.admin-preview-icon{display:flex;align-items:center;justify-content:center}.admin-user-card{background:#1e293b80;border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#475569,#334155);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.admin-user-details{flex:1}.admin-user-name{font-size:14px;font-weight:500;color:#fff;line-height:1.2}.admin-user-email{font-size:12px;color:#94a3b8;line-height:1.2;margin-top:2px}.admin-user-footer{font-size:12px;color:#64748b;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.admin-user-footer p{margin:0;line-height:1.4}.admin-user-footer p:first-child{margin-bottom:4px}.admin-logout-btn{width:100%;margin-top:12px;padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:14px;cursor:pointer;transition:all .2s}.admin-logout-btn:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.admin-main{flex:1;overflow-y:auto;overflow-x:hidden;background:#f5f7fa;height:100vh;width:calc(100vw - 288px)}.admin-content-wrapper{width:100%;padding:0;min-height:100%;box-sizing:border-box;background:#f5f7fa}.admin-content-wrapper>*{width:100%;min-height:100%;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1!important}@media(max-width:1024px){.admin-sidebar{width:240px}.admin-main{margin-left:240px}.admin-content-wrapper{padding:20px}}@media(max-width:768px){.admin-sidebar{width:100%;position:relative;height:auto}.admin-main{margin-left:0}.admin-layout{flex-direction:column}.admin-content-wrapper{padding:16px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;background:linear-gradient(to bottom right,#eff6ff,#fff,#faf5ff);overflow:hidden}.login-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.login-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:blob 7s infinite}.login-blob-1{width:320px;height:320px;background:#3b82f6;top:-160px;right:-160px}.login-blob-2{width:320px;height:320px;background:#a855f7;bottom:-160px;left:-160px;animation-delay:2s}.login-blob-3{width:320px;height:320px;background:#ec4899;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-card-wrapper{width:100%;max-width:480px;position:relative;z-index:1}.login-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem;color:#fff}.login-title{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.login-subtitle{font-size:1rem;color:#6b7280;margin:0}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center;gap:.5rem}.login-label-with-icon{color:#2563eb}.login-required{color:#dc2626;margin-left:4px}.login-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;background:#fff;box-sizing:border-box}.login-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.login-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.login-input-wrapper{position:relative}.login-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.login-password-toggle:hover{color:#6b7280}.login-captcha-group{display:flex;gap:.5rem;align-items:center}.login-input-captcha{flex:1}.login-captcha-display{min-width:100px;height:44px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 1rem;box-shadow:0 2px 4px #0000001a}.login-captcha-code{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.2em;text-shadow:2px 2px 4px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none}.login-captcha-refresh{width:44px;height:44px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.login-captcha-refresh:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.login-captcha-refresh:disabled{opacity:.5;cursor:not-allowed}.login-input-totp{text-align:center;font-size:1.5rem;letter-spacing:.3em;font-family:Courier New,monospace;font-weight:600}.login-hint{font-size:.75rem;color:#9ca3af;margin:0;margin-top:.25rem}.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.login-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#6b7280}.login-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.login-forgot-link{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;text-decoration:none;transition:color .2s}.login-forgot-link:hover{color:#1d4ed8;text-decoration:underline}.login-button{width:100%;height:44px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a;margin-top:.5rem}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button-content,.login-button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.login-security-tip{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;color:#6b7280}.login-security-tip svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem}.login-link-text{color:#2563eb;font-weight:500}.login-copyright{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#9ca3af}@media(max-width:640px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}.login-captcha-group{flex-wrap:wrap}.login-captcha-display{min-width:80px;height:40px}.login-captcha-code{font-size:1rem}}.verification-gate{min-height:100vh;background:#171717;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.verification-gate-card{width:100%;max-width:400px;background:#262626;border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0006}.verification-gate-title{font-size:1.5rem;font-weight:600;color:#fff;text-align:center;margin-bottom:.5rem}.verification-gate-subtitle{font-size:.95rem;color:#a3a3a3;text-align:center;margin-bottom:1.75rem}.verification-gate-question{text-align:center;margin-bottom:1.5rem}.verification-gate-math{font-size:1.75rem;font-weight:500;color:#fff}.verification-gate-form{display:flex;flex-direction:column;gap:.75rem}.verification-gate-label{font-size:.9rem;color:#a3a3a3}.verification-gate-input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #404040;border-radius:8px;background:#171717;color:#fff;outline:none}.verification-gate-input:focus{border-color:#f97316}.verification-gate-input::placeholder{color:#525252}.verification-gate-error{font-size:.85rem;color:#ef4444;margin:0}.verification-gate-change-btn{padding:.5rem 1rem;font-size:.9rem;color:#a3a3a3;background:transparent;border:1px solid #404040;border-radius:6px;cursor:pointer;align-self:flex-start}.verification-gate-change-btn:hover{color:#fff;border-color:#525252}.verification-gate-submit-btn{margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:#f97316;border:none;border-radius:8px;cursor:pointer}.verification-gate-submit-btn:hover{background:#ea580c}.app{overflow-x:hidden;max-width:100vw}.api-unavailable-banner{background:#b91c1c;color:#fff;padding:8px 12px;font-size:.9rem;text-align:center}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #007bff;--secondary-color: #6c757d;--danger-color: #dc3545;--success-color: #28a745;--light-bg: #f8f9fa;--dark-text: #333;--border-color: #dee2e6;--shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--dark-text);background:#171717;overflow-x:hidden;max-width:100vw}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;max-width:100%}.app-header{background:#171717;color:#fff;padding:1rem 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;display:flex;align-items:center;gap:.5rem}.nav{display:flex;gap:2rem}.nav a{color:#fff;text-decoration:none;transition:opacity .3s}.nav a:hover{opacity:.8}.app-main{flex:1;max-width:1400px;width:100%;min-width:0;margin:0 auto;padding:2rem;overflow-x:hidden}.app-footer{background:#171717;border-top:1px solid #333;padding:2rem;text-align:center;color:#999;margin-top:auto}@media(max-width:768px){.header-container{padding:0 1rem}.nav{gap:1rem}.app-main{padding:1rem}.logo{font-size:1.2rem}}button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s}button:disabled{opacity:.6;cursor:not-allowed}.primary-button{background:var(--primary-color);color:#fff}.primary-button:hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:var(--shadow)}.secondary-button{background:var(--secondary-color);color:#fff}.danger-button{background:var(--danger-color);color:#fff}.loading,.error,.no-videos{text-align:center;padding:2rem;font-size:1.1rem}.error{color:var(--danger-color)}