*{box-sizing:border-box;margin:0;padding:0}:root{--color-canvas-default:#fff;--color-canvas-subtle:#f5f5f5;--color-border-default:#e0e0e0;--color-border-muted:#eee;--color-fg-default:#202124;--color-fg-muted:#5f6368;--color-fg-subtle:#80868b;--color-accent-fg:#1a73e8;--color-accent-emphasis:#1765cc;--color-success-fg:#1e8e3e;--color-danger-fg:#d93025;--color-attention-fg:#f9ab00;--color-btn-bg:#f1f3f4;--color-btn-hover-bg:#e8eaed;--color-btn-primary-bg:#1a73e8;--color-btn-primary-hover-bg:#1765cc;--color-btn-danger-bg:#d93025;--color-btn-danger-hover-bg:#b52c23;--shadow-sm:0 1px 2px #3c40430f;--shadow-md:0 2px 6px 2px #3c404314,0 1px 2px #3c40430a;--shadow-lg:0 4px 12px 4px #3c40431f,0 2px 4px #3c40430f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--border-radius:12px;--border-radius-lg:16px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Roboto Mono",ui-monospace,Consolas,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--color-canvas-subtle);color:#202124;color:var(--color-fg-default);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:14px;letter-spacing:.01em;line-height:1.5}code{font-family:Roboto Mono,ui-monospace,Consolas,monospace;font-family:var(--font-mono);font-size:85%}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e0e0e0;background:var(--color-border-default);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5f6368;background:var(--color-fg-muted)}body.theme-dark{--color-canvas-default:#2d2d2d;--color-canvas-subtle:#1a1a1a;--color-border-default:#3c4043;--color-border-muted:#2d2d2d;--color-fg-default:#e8eaed;--color-fg-muted:#9aa0a6;--color-fg-subtle:#80868b;--color-accent-fg:#8ab4f8;--color-accent-emphasis:#aecbfa;--color-success-fg:#81c995;--color-danger-fg:#f28b82;--color-attention-fg:#fdd663;--color-btn-bg:#3c4043;--color-btn-hover-bg:#4a4e52;--color-btn-primary-bg:#8ab4f8;--color-btn-primary-hover-bg:#aecbfa;--color-btn-danger-bg:#ea4335;--color-btn-danger-hover-bg:#f28b82;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--border-radius:12px;--border-radius-lg:16px;background-color:#f5f5f5;background-color:var(--color-canvas-subtle)}body.theme-dark,body.theme-dark .action-btn:not(.primary):not(.delete),body.theme-dark .cancel-btn,body.theme-dark .close-btn,body.theme-dark .header-logout,body.theme-dark .logout-btn{color:#202124;color:var(--color-fg-default)}body.theme-dark .action-btn.primary,body.theme-dark .action-btn.primary:hover,body.theme-dark .copy-btn,body.theme-dark .save-btn,body.theme-dark .upload-btn{color:#1a1a1a}.video-player-container{background:var(--color-canvas-subtle);display:flex;flex-direction:column;min-height:100vh}.player-header{background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{margin:0 auto;max-width:1280px}.brand-logo{gap:12px}.brand-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:var(--color-accent-fg);border-radius:var(--border-radius);color:#fff;height:32px;justify-content:center;width:32px}.brand-name,.logo-icon{font-size:20px;font-weight:600}.brand-name{color:var(--color-fg-default)}.player-content{display:flex;flex:1 1;flex-direction:column;gap:24px;margin:32px auto;max-width:1280px;padding:0 32px;width:100%}.video-wrapper{width:100%}.video-container{background:#000;border:1px solid var(--color-border-default);border-radius:var(--radius);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container.is-fullscreen{border-radius:0;height:100%;inset:0;padding-bottom:0;position:fixed;width:100%;z-index:9999}.video-container.is-fullscreen .video-player{height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.watermark-overlay{pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left 2s ease,top 2s ease;user-select:none;-webkit-user-select:none;z-index:10}.watermark-text,.watermark-text-duplicate{color:#ffffffe6;text-shadow:0 1px 2px #000c;white-space:nowrap}.watermark-text-duplicate{height:0;left:0;opacity:0;overflow:hidden;position:absolute;top:0;width:0}.access-form-page{align-items:center;display:flex;justify-content:center;padding:32px 20px}.access-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:380px;padding:40px 36px;width:100%}.access-card-header{margin-bottom:32px;text-align:center}.access-logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius-lg);display:inline-flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.access-title{color:var(--color-fg-default);font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.access-subtitle{color:var(--color-fg-muted);font-size:14px;font-weight:400;margin:0}.access-form{gap:20px}.access-form,.access-label{display:flex;flex-direction:column}.access-label{color:var(--color-fg-default);cursor:text;font-size:13px;font-weight:500;gap:8px}.access-label span{letter-spacing:.01em}.access-label input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.access-label input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #1a73e833;outline:none}.access-submit{background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;margin-top:8px;padding:12px 20px;transition:background .2s,box-shadow .2s}.access-submit:hover{background:var(--color-btn-primary-hover-bg);box-shadow:var(--shadow-md)}.access-form-error{color:var(--color-danger-fg);font-size:13px;margin:0}.next-video{border-top:1px solid var(--color-border-default);margin-top:16px;padding-top:16px}.next-video-btn{background:var(--color-accent-fg);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.next-video-btn:hover{opacity:.9}.playlist-page-info{max-width:720px}.playlist-start{margin:20px 0}.playlist-video-list{border:1px solid var(--color-border-default);border-radius:var(--border-radius);list-style:none;margin:16px 0;overflow:hidden;padding:0}.playlist-video-list li{border-bottom:1px solid var(--color-border-muted)}.playlist-video-list li:last-child{border-bottom:none}.playlist-video-link{align-items:center;background:none;border:none;color:var(--color-fg-default);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;width:100%}.playlist-video-link:hover{background:var(--color-canvas-subtle)}.playlist-video-num{color:var(--color-fg-muted);min-width:24px}.playlist-video-title{flex:1 1}.playlist-video-dur{color:var(--color-fg-muted);font-size:12px}.video-player{border-radius:var(--radius);height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.player-center-controls{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.player-center-controls.visible{opacity:1;pointer-events:auto}.player-big-play{align-items:center;background:#0009;border:3px solid #ffffffe6;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:72px;justify-content:center;pointer-events:auto;transition:transform .15s,background .15s;width:72px}.player-big-play:hover{background:#000c;transform:scale(1.05)}.player-icon-play{font-size:28px;margin-left:4px}.player-icon-pause{font-size:26px}.player-controls-bar{background:linear-gradient(#0000,#000000bf);bottom:0;left:0;opacity:0;padding:12px 12px 8px;position:absolute;right:0;transition:opacity .25s}.player-controls-bar.visible{opacity:1}.player-progress-wrap{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;margin-bottom:10px;position:relative}.player-progress-wrap:hover{height:6px;margin-bottom:8px}.player-progress-buffer{background:#fff6;transition:width .15s}.player-progress-buffer,.player-progress-current{border-radius:2px;bottom:0;left:0;position:absolute;top:0}.player-progress-current{background:var(--color-accent-fg);transition:width .1s}.player-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.player-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:0;transition:background .15s;width:36px}.player-btn:hover{background:#fff3}.player-time{font-feature-settings:"tnum";color:#ffffffe6;font-size:12px;font-variant-numeric:tabular-nums;min-width:90px}.player-volume-wrap{align-items:center;display:flex;gap:4px}.player-volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;width:72px}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .1s;transition:transform .1s;width:12px}.player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.player-volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.player-quality-wrap{position:relative}.player-quality-btn{font-size:12px;padding:0 10px;width:auto}.player-quality-menu{background:#000000eb;border-radius:var(--radius-sm);bottom:100%;box-shadow:var(--shadow-lg);margin-bottom:4px;min-width:72px;padding:6px;position:absolute;right:0}.player-quality-menu button{background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.player-quality-menu button.active,.player-quality-menu button:hover{background:#ffffff26}.player-btn-fullscreen{margin-left:auto}.player-btn-fullscreen:before{border:2px solid;border-radius:2px;box-sizing:border-box;content:"";height:18px;width:18px}.player-btn-fullscreen:hover:before{background:#fff3}.video-info{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:24px}.info-header{align-items:start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.info-header h1{color:var(--color-fg-default);flex:1 1;font-size:24px;font-weight:600;line-height:1.25;margin:0;min-width:300px}.video-badge{align-items:center;background:#0969da1a;border:1px solid #0969da33;border-radius:12px;color:var(--color-accent-fg);display:flex;font-size:12px;font-weight:500;gap:6px;padding:2px 12px;white-space:nowrap}.description-section{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-bottom:24px;padding:16px}.description{color:var(--color-fg-muted);font-size:14px;line-height:1.6;margin:0}.video-details{grid-gap:16px;border-bottom:1px solid var(--color-border-default);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding-bottom:24px}.detail-item{align-items:center;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);display:flex;gap:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.detail-item:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.detail-icon{align-items:center;background:#0969da1a;border-radius:var(--border-radius);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-value{color:var(--color-fg-default);font-size:20px;font-weight:600}.detail-label{color:var(--color-fg-muted);font-size:12px;font-weight:400}.video-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:12px;color:var(--color-fg-muted);font-size:12px;font-weight:500;padding:2px 10px;transition:border-color .2s,background-color .2s}.tag:hover{background:#0969da1a;border-color:var(--color-accent-fg);color:var(--color-accent-fg)}.error-message,.loading-spinner{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin:32px auto;max-width:600px;padding:48px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border-default);border:3px solid var(--color-border-default);border-radius:50%;border-top-color:var(--color-accent-fg);height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message h2{color:var(--color-danger-fg);font-size:20px;font-weight:600;margin-bottom:8px}.error-message p{color:var(--color-fg-muted);font-size:14px}@media (max-width:768px){.player-content{margin:16px auto;padding:0 16px}.video-info{padding:16px}.info-header h1{font-size:20px}.video-details{grid-template-columns:1fr}.description{font-size:14px}}.admin-app{background:var(--color-canvas-subtle);min-height:100vh}.admin-header{background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{gap:24px;height:56px;margin:0 auto;max-width:1200px;padding:0 20px}.header-brand,.header-inner{align-items:center;display:flex}.header-brand{border-radius:var(--radius-sm);color:var(--color-fg-default);flex-shrink:0;font-size:16px;font-weight:600;gap:10px;letter-spacing:-.02em;padding:6px 0;text-decoration:none;transition:opacity .2s}.header-brand:hover{opacity:.9}.header-logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius-sm);display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.header-title{white-space:nowrap}.header-nav{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav button{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 14px;transition:color .15s,background .15s;white-space:nowrap}.header-nav button:hover{background:var(--color-btn-bg);color:var(--color-fg-default)}.header-nav button.active{background:#1a73e81a;color:var(--color-accent-fg)}body.theme-dark .header-nav button.active{background:#8ab4f826}.header-logout{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-default);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:background .15s,border-color .15s}.header-logout:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted)}.logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius);color:#fff;display:flex;font-size:22px;font-weight:600;height:36px;justify-content:center;width:36px}.admin-container{margin:0 auto;max-width:1200px;padding:28px 24px}.admin-section{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.admin-section h2{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px;margin-top:0}.admin-section h3{color:var(--color-fg-default);font-size:15px;font-weight:600;margin:24px 0 10px}.section-desc{color:var(--color-fg-muted);font-size:13px;line-height:1.5;margin-bottom:16px}.card-list{display:flex;flex-direction:column;gap:12px}.card-item{align-items:center;background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:14px;padding:16px 18px;transition:box-shadow .2s,border-color .2s}.card-item:hover{box-shadow:var(--shadow-sm)}.card-item strong{flex:1 1;font-weight:500}.badge-list{background:#1a73e81f;border-radius:var(--radius-sm);color:var(--color-accent-fg);font-size:12px;font-weight:500;padding:4px 10px}.template-download{margin-bottom:16px}.upload-xlsx-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.domain-list,.suspicious-list{list-style:none;margin:0;padding:0}.domain-list li,.suspicious-list li{align-items:center;border-bottom:1px solid var(--color-border-muted);display:flex;justify-content:space-between;padding:8px 0}.delete-btn-small{background:var(--color-btn-danger-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.delete-btn-small:hover{background:var(--color-btn-danger-hover-bg)}.logs-list{max-height:400px;overflow-y:auto}.log-item{grid-gap:8px;align-items:center;border-bottom:1px solid var(--color-border-muted);display:grid;font-size:13px;gap:8px;grid-template-columns:160px 100px 120px 1fr 100px;padding:8px 12px}.log-time{color:var(--color-fg-muted)}.log-user{font-weight:500}.log-action{color:var(--color-accent-fg)}.log-details{color:var(--color-fg-muted)}.log-ip{color:var(--color-fg-subtle);font-size:12px}.stats-export{display:flex;gap:8px;margin-top:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:12px 0}.watermark-settings{display:flex;flex-direction:column;gap:20px;max-width:400px}.watermark-settings .login-label input[type=number]{max-width:120px}.view-logs-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.view-logs-toolbar select{min-width:200px}.view-logs-table-wrap{max-height:70vh;overflow-x:auto;overflow-y:auto}.view-logs-table{border-collapse:collapse;font-size:13px;width:100%}.view-logs-table td,.view-logs-table th{border-bottom:1px solid var(--color-border-default);padding:8px 12px;text-align:left}.view-logs-table th{font-weight:600;position:-webkit-sticky;position:sticky;top:0}.view-logs-table tbody tr:hover,.view-logs-table th{background:var(--color-canvas-subtle)}.view-logs-table .ua-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis}.playlist-create-form{border-bottom:1px solid var(--color-border-default);margin-bottom:24px;padding-bottom:24px}.playlist-create-form h3{font-size:16px;margin-bottom:12px;margin-top:0}.card-item-actions{justify-content:space-between}.card-item-actions,.card-item-main{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.card-item-main{flex:1 1}.card-item-buttons{display:flex;flex-wrap:wrap;gap:10px}.playlist-edit-videos{border:1px solid var(--color-border-default);border-radius:var(--radius);list-style:none;margin:8px 0;max-height:200px;overflow-y:auto;padding:0}.playlist-edit-videos li{align-items:center;border-bottom:1px solid var(--color-border-muted);display:flex;justify-content:space-between;padding:8px 12px}.playlist-edit-videos li:last-child{border-bottom:none}.user-list-items-edit{border:1px solid var(--color-border-default);border-radius:var(--radius);list-style:none;margin:8px 0;max-height:280px;overflow-y:auto;padding:0}.user-list-items-edit li{align-items:center;border-bottom:1px solid var(--color-border-muted);display:flex;gap:12px;padding:8px 12px}.user-list-items-edit li:last-child{border-bottom:none}.user-list-items-edit .item-fullname{flex:1 1}.user-list-items-edit .item-email{color:var(--color-fg-muted);font-size:13px}.modal-content-wide{max-width:560px}.stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;transition:box-shadow .2s,border-color .2s}.stat-card:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.stat-value{color:var(--color-accent-fg);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:4px}.stat-label{color:var(--color-fg-muted);font-size:13px;font-weight:500}.upload-section,.videos-section{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.upload-section h2,.videos-section h2{color:var(--color-fg-default);font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:18px}.upload-form{display:flex;flex-direction:column;gap:16px}.form-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.form-row .file-input,.form-row .text-input{flex:1 1;min-width:120px}.form-row .action-btn,.form-row .upload-btn{flex:0 0 auto}.file-input,.search-input,.text-input,.textarea-input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.file-input::-webkit-file-upload-button{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-default);cursor:pointer;font-size:13px;font-weight:500;margin-right:10px;padding:6px 12px;-webkit-transition:background .2s;transition:background .2s}.file-input::file-selector-button{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-default);cursor:pointer;font-size:13px;font-weight:500;margin-right:10px;padding:6px 12px;transition:background .2s}.file-input::-webkit-file-upload-button:hover{background:var(--color-btn-hover-bg)}.file-input::file-selector-button:hover{background:var(--color-btn-hover-bg)}.file-input:hover{border-color:var(--color-border-muted)}.search-input:focus,.text-input:focus,.textarea-input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #1a73e833;outline:none}.textarea-input{font-family:inherit;line-height:1.5;min-height:100px;resize:vertical}.progress-container{align-items:center;background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius);display:flex;gap:12px;margin:16px 0;padding:14px}.progress-bar{background:var(--color-border-muted);border-radius:8px;flex:1 1;height:8px;overflow:hidden;position:relative}.progress-fill{background:var(--color-accent-fg);border-radius:8px;height:100%;transition:width .3s ease}.progress-text{color:var(--color-fg-muted);font-size:12px;font-weight:500;min-width:50px;text-align:right}.upload-btn{align-self:flex-start;background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s,box-shadow .2s}.upload-btn:hover:not(:disabled){background:var(--color-btn-primary-hover-bg);box-shadow:var(--shadow-md)}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.search-input{min-width:250px;padding:5px 12px}.videos-grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.video-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .2s,border-color .2s}.video-card-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.video-card-header h3{color:var(--color-fg-default);flex:1 1;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0}.status-badge{border:none;border-radius:20px;font-size:11px;font-weight:500;padding:4px 10px;white-space:nowrap}.status-ready{background:#1e8e3e26;color:var(--color-success-fg)}.status-processing{background:#f9ab0026;color:var(--color-attention-fg)}.status-uploaded{background:#1a73e826;color:var(--color-accent-fg)}.status-error{background:#d9302526;color:var(--color-danger-fg)}.video-description{color:var(--color-fg-muted);font-size:14px;line-height:1.5;margin-bottom:12px}.video-meta{border-bottom:1px solid var(--color-border-default);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding-bottom:12px}.meta-item{align-items:center;color:var(--color-fg-muted);display:flex;font-size:12px;font-weight:400;gap:4px}.processing-info{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--radius);margin:12px 0;padding:14px}.processing-time{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.processing-label{color:var(--color-fg-muted);font-size:12px;font-weight:400}.processing-value{color:var(--color-accent-fg);font-size:14px;font-weight:600}.processing-progress{margin-top:8px}.processing-progress-bar{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:2px;height:4px;overflow:hidden;width:100%}.processing-progress-fill{background:var(--color-accent-fg);border-radius:2px;height:100%;transition:width .5s ease}.video-actions{gap:10px}.action-btn{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);cursor:pointer;flex:0 1 auto;font-size:13px;font-weight:500;min-width:96px;padding:9px 16px;transition:background .2s,border-color .2s,box-shadow .2s}.action-btn:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted);box-shadow:var(--shadow-sm)}.action-btn.primary{background:var(--color-accent-fg);border:none;box-shadow:var(--shadow-sm);color:#fff}.action-btn.primary:hover{background:var(--color-accent-emphasis);box-shadow:var(--shadow-md)}.action-btn.delete{background:#0000;border-color:var(--color-border-default);color:var(--color-danger-fg)}.action-btn.delete:hover{background:var(--color-btn-danger-bg);border-color:#0000;color:#fff}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:20px}.modal-content{border-radius:var(--radius-xl);max-height:88vh;max-width:640px;padding:28px}.modal-content h2{font-size:18px;letter-spacing:-.01em;margin-bottom:18px}.modal-section{margin-bottom:16px}.modal-section label{color:var(--color-fg-default);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.code-block{background:var(--color-canvas-subtle);border-radius:var(--radius);display:block;margin-bottom:10px;padding:14px;word-break:break-all}.code-block,.code-textarea{border:1px solid var(--color-border-default);color:var(--color-fg-default);font-family:var(--font-mono);font-size:12px}.code-textarea{background:var(--color-canvas-default);border-radius:var(--radius);min-height:200px;padding:12px 14px;resize:vertical;width:100%}.code-textarea:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #1a73e833;outline:none}.cancel-btn,.close-btn,.copy-btn,.save-btn{border:1px solid var(--color-border-default);border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;margin-right:8px;margin-top:8px;padding:9px 18px;transition:background .2s,border-color .2s,box-shadow .2s}.copy-btn{background:var(--color-accent-fg);border-color:#0000;color:#fff}.copy-btn:hover{background:var(--color-accent-emphasis);filter:brightness(1.1)}.cancel-btn,.close-btn{background:var(--color-btn-bg);border-color:var(--color-border-default);color:var(--color-fg-default)}.cancel-btn:hover,.close-btn:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted)}.save-btn{background:var(--color-btn-primary-bg);border-color:#0000;color:#fff}.save-btn:hover{background:var(--color-btn-primary-hover-bg)}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-form label{color:var(--color-fg-default);font-size:14px;font-weight:500}.modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.login-container{padding:32px 20px}.login-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:380px;padding:40px 36px;width:100%}.login-card-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;background:var(--color-accent-fg);border-radius:var(--radius-lg);display:inline-flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.login-title{color:var(--color-fg-default);font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.login-subtitle{color:var(--color-fg-muted);font-size:14px;font-weight:400;margin:0}.login-form{gap:20px}.login-form,.login-label{display:flex;flex-direction:column}.login-label{color:var(--color-fg-default);cursor:text;font-size:13px;font-weight:500;gap:8px}.login-label span{letter-spacing:.01em}.login-label input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.login-label input::placeholder{color:var(--color-fg-subtle)}.login-label input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 2px #1a73e833;outline:none}body.theme-dark .login-label input:focus{box-shadow:0 0 0 2px #8ab4f840}.login-submit{background:var(--color-btn-primary-bg);border:none;border-radius:var(--radius);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:14px;font-weight:500;margin-top:8px;padding:12px 20px;transition:background .2s,box-shadow .2s}body.theme-dark .login-submit{color:#1a1a1a}.login-submit:hover{background:var(--color-btn-primary-hover-bg);box-shadow:var(--shadow-md)}.login-hint{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px;margin:24px 0 0;padding-top:20px;text-align:center}.stats-modal-content{max-width:1000px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stats-detail-card{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:20px;text-align:center;transition:border-color .2s,box-shadow .2s}.stats-detail-card:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.stats-detail-value{color:var(--color-accent-fg);font-size:32px;font-weight:600;line-height:1;margin-bottom:4px}.stats-detail-label{color:var(--color-fg-muted);font-size:14px;font-weight:400}.views-chart{background:var(--color-canvas-subtle);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-top:16px;padding:20px}.views-chart h3{color:var(--color-fg-default);font-size:16px;font-weight:600;margin-bottom:16px}.chart-bar{align-items:flex-end;display:flex;gap:8px;height:180px;justify-content:space-between;margin-top:16px;padding:0 8px}.chart-column{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.chart-item{background:var(--color-accent-fg);border-radius:4px 4px 0 0;cursor:pointer;min-height:10px;position:relative;transition:background-color .2s;width:100%}.chart-item:hover{background:var(--color-accent-emphasis);filter:brightness(1.15)}.chart-label{color:var(--color-fg-muted);font-size:11px;font-weight:400;margin-top:8px;text-align:center}.stat-card{padding:16px}.stat-value{font-size:clamp(24px,5vw,32px)}.video-card{border-radius:var(--border-radius-lg);padding:18px}.video-card-header{gap:8px}.video-meta{gap:12px}.modal{align-items:flex-start;padding:48px 12px 12px}.modal-content{max-height:85vh;padding:20px}@media (max-width:1024px){.admin-container{padding:20px 16px}.videos-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.view-logs-table{font-size:12px}.view-logs-table td,.view-logs-table th{padding:6px 8px}.log-item{font-size:12px;grid-template-columns:120px 80px 100px 1fr 80px}}@media (max-width:768px){.admin-container{padding:16px 12px}.header-inner{gap:16px;padding:0 14px}.header-nav button{font-size:12px;padding:8px 12px}.videos-grid{gap:12px;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:12px}.search-input{min-width:0;width:100%}.stats-bar{gap:12px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.video-actions{flex-direction:column}.action-btn{min-width:100%}.card-item{align-items:stretch;flex-direction:column}.playlist-create-form{padding-bottom:16px}.log-item{gap:4px;grid-template-columns:1fr 1fr}.view-logs-table-wrap{max-height:60vh}}@media (max-width:480px){.header-inner{flex-wrap:wrap;gap:12px;height:auto;min-height:52px;padding:10px 12px}.header-nav{border-top:1px solid var(--color-border-default);margin:0 -4px;order:3;padding-top:4px;width:100%}.header-logout{margin-left:auto}.admin-container{padding:12px 8px}.admin-section,.upload-section,.videos-section{padding:16px}.modal-content{max-height:90vh;padding:16px}.stats-bar{grid-template-columns:1fr}}.toast-list{display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 40px));pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast-list>*{pointer-events:auto}.toast{align-items:center;animation:toast-in .28s ease-out;background:#fff;background:var(--color-canvas-default,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-border-default,#e0e0e0);border-radius:12px;border-radius:var(--radius,12px);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg,0 4px 16px #00000026);color:#202124;color:var(--color-fg-default,#202124);display:flex;font-family:inherit;font-family:var(--font-sans,inherit);font-size:14px;gap:12px;line-height:1.45;padding:14px 18px}@keyframes toast-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.toast-text{flex:1 1}.toast-close{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#5f6368;color:var(--color-fg-muted,#5f6368);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:28px;justify-content:center;line-height:1;padding:0;transition:color .15s,background .15s;width:28px}.toast-close:hover{background:#f5f5f5;background:var(--color-canvas-subtle,#f5f5f5);color:var(--color-fg-default)}.toast-success{border-left:4px solid #1e8e3e;border-left:4px solid var(--color-success-fg,#1e8e3e)}.toast-error{border-left:4px solid #d93025;border-left:4px solid var(--color-danger-fg,#d93025)}.toast-info{border-left:4px solid #1a73e8;border-left:4px solid var(--color-accent-fg,#1a73e8)}@media (max-width:480px){.toast-list{left:16px;max-width:none;right:16px;top:16px}}.app{background:var(--color-canvas-subtle);min-height:100vh}header{align-items:center;background:var(--color-canvas-default);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px 32px}header,header h1{color:var(--color-fg-default)}header h1{font-size:20px;font-weight:600;margin:0}header button{background:var(--color-btn-danger-bg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:5px 16px;transition:background-color .2s}header button:hover{background:var(--color-btn-danger-hover-bg)}.container{margin:0 auto;max-width:1280px;padding:32px}.upload-section{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);margin-bottom:24px;padding:24px}.upload-section h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin-bottom:16px}.upload-section form{display:flex;flex-direction:column;gap:16px}.upload-section input[type=file],.upload-section input[type=text],.upload-section textarea{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:5px 12px;transition:border-color .2s}.upload-section input:focus,.upload-section textarea:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 3px #0969da1a;outline:none}.upload-section textarea{min-height:100px;resize:vertical}.upload-section button{align-self:flex-start;background:var(--color-btn-primary-bg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:5px 16px;transition:background-color .2s}.upload-section button:hover:not(:disabled){background:var(--color-btn-primary-hover-bg)}.upload-section button:disabled{cursor:not-allowed;opacity:.6}.videos-section h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin-bottom:16px}.videos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);padding:16px;transition:border-color .2s,box-shadow .2s}.video-card:hover{border-color:var(--color-border-muted);box-shadow:var(--shadow-md)}.video-card h3{color:var(--color-fg-default);font-size:16px;font-weight:600;margin-bottom:8px}.video-card .status{color:var(--color-fg-muted);font-size:12px;margin:8px 0}.video-card .views{color:var(--color-accent-fg);font-size:12px;margin:8px 0}.video-card .duration{color:var(--color-success-fg);font-size:12px;margin:8px 0}.video-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.video-actions button{background:var(--color-btn-bg);border:1px solid var(--color-border-default);border-radius:var(--border-radius);color:var(--color-fg-default);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;min-width:100px;padding:5px 16px;transition:background-color .2s,border-color .2s}.video-actions button:first-child{background:var(--color-accent-fg);border-color:#0000;color:#fff}.video-actions button:first-child:hover{background:#0860ca}.video-actions button:hover{background:var(--color-btn-hover-bg);border-color:var(--color-border-muted)}.video-actions button.delete{background:var(--color-btn-bg);border-color:var(--color-border-default);color:var(--color-danger-fg)}.video-actions button.delete:hover{background:var(--color-btn-danger-bg);border-color:#0000;color:#fff}.modal{align-items:center;background:#1b1f2480;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;width:100%}.modal-content h2{color:var(--color-fg-default);font-size:20px;font-weight:600;margin-bottom:16px}.modal-content p{color:var(--color-fg-muted);font-size:14px;margin:16px 0 8px}.modal-content code{background:var(--color-canvas-subtle);border-radius:var(--border-radius);display:block;padding:12px;word-break:break-all}.modal-content code,.modal-content textarea{border:1px solid var(--color-border-default);color:var(--color-fg-default);font-family:var(--font-mono);font-size:12px;margin-bottom:16px}.modal-content textarea{background:var(--color-canvas-default);border-radius:var(--border-radius);min-height:200px;padding:8px 12px;resize:vertical;width:100%}.modal-content textarea:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 3px #0969da1a;outline:none}.modal-content button{background:var(--color-accent-fg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:8px;padding:5px 16px;transition:background-color .2s}.modal-content button:hover{background:#0860ca}.login-container{align-items:center;background:var(--color-canvas-subtle);display:flex;justify-content:center;min-height:100vh}.login-box{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:32px;width:100%}.login-box h1{color:var(--color-fg-default);font-size:24px;font-weight:300;letter-spacing:-.5px;margin-bottom:8px;text-align:center}.login-box h2{color:var(--color-fg-muted);font-size:20px;font-weight:400;margin-bottom:24px;text-align:center}.login-box form{display:flex;flex-direction:column;gap:16px}.login-box input{background:var(--color-canvas-default);border:1px solid var(--color-border-default);border-radius:var(--border-radius);color:var(--color-fg-default);font-family:var(--font-sans);font-size:14px;padding:5px 12px;transition:border-color .2s}.login-box input:focus{border-color:var(--color-accent-fg);box-shadow:0 0 0 3px #0969da1a;outline:none}.login-box button{background:var(--color-btn-primary-bg);border:1px solid #0000;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:5px 16px;transition:background-color .2s}.login-box button:hover{background:var(--color-btn-primary-hover-bg)}.default-credentials{color:var(--color-fg-muted);font-size:12px;margin-top:16px;text-align:center}
/*# sourceMappingURL=main.3b1abb88.css.map*/