body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#app{width:100%;min-height:100vh}.home-page[data-v-f60f328d]{max-width:428px;margin:0 auto;background-color:#f4f4f4;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.header[data-v-f60f328d]{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:#fff;box-shadow:0 2px 4px #0000000d;z-index:100}.logo[data-v-f60f328d]{width:40px;height:40px;border-radius:50%;background-color:#00a1d6}.search-bar[data-v-f60f328d]{flex:1;margin:0 12px;display:flex;align-items:center;background-color:#f1f2f3;border-radius:20px;padding:6px 12px}.search-bar input[data-v-f60f328d]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#666}.search-btn[data-v-f60f328d]{border:none;background:transparent;cursor:pointer;font-size:16px}.header-right[data-v-f60f328d]{display:flex;align-items:center;gap:12px}.icon[data-v-f60f328d]{font-size:20px}.admin-link[data-v-f60f328d]{color:#00a1d6;text-decoration:none;font-size:14px}.nav-tabs[data-v-f60f328d]{display:flex;background-color:#fff;padding:8px 16px;gap:20px;overflow-x:auto;border-bottom:1px solid #e5e5e5}.nav-tab[data-v-f60f328d]{border:none;background:transparent;font-size:16px;color:#666;cursor:pointer;padding:8px 4px;white-space:nowrap;position:relative;transition:color .2s}.nav-tab.active[data-v-f60f328d]{color:#fb7299;font-weight:600}.nav-tab.active[data-v-f60f328d]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background-color:#fb7299;border-radius:2px}.video-grid[data-v-f60f328d]{padding:12px 8px 80px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.video-card[data-v-f60f328d]{background-color:#fff;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.video-card[data-v-f60f328d]:active{transform:scale(.98)}.video-cover[data-v-f60f328d]{position:relative;width:100%;padding-top:62.5%;overflow:hidden}.video-cover img[data-v-f60f328d]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-info-overlay[data-v-f60f328d]{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff;font-size:11px;display:flex;justify-content:space-between;align-items:center}.views[data-v-f60f328d],.likes[data-v-f60f328d]{display:flex;align-items:center;gap:2px}.duration[data-v-f60f328d]{background-color:#0009;padding:2px 6px;border-radius:4px;font-size:10px}.live-tag[data-v-f60f328d]{background-color:#f69;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.video-details[data-v-f60f328d]{padding:8px}.video-title[data-v-f60f328d]{font-size:13px;font-weight:500;color:#333;margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:36px}.video-meta[data-v-f60f328d]{display:flex;justify-content:space-between;align-items:center}.author[data-v-f60f328d]{font-size:11px;color:#999}.more-btn[data-v-f60f328d]{border:none;background:transparent;color:#999;cursor:pointer;padding:0;font-size:16px}.footer[data-v-f60f328d]{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:428px;width:100%;display:flex;background-color:#fff;border-top:1px solid #e5e5e5;padding:8px 0;z-index:100}.footer-btn[data-v-f60f328d]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:transparent;color:#999;cursor:pointer;font-size:11px;padding:4px}.footer-btn.active[data-v-f60f328d]{color:#fb7299}.footer-btn .icon[data-v-f60f328d]{font-size:22px}.admin-page[data-v-44c339b5]{max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f5f5;min-height:100vh}.admin-header[data-v-44c339b5]{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.admin-header h1[data-v-44c339b5]{margin:0;color:#333;font-size:24px}.back-btn[data-v-44c339b5]{color:#00a1d6;text-decoration:none;font-size:16px;padding:8px 16px;border-radius:4px;transition:background-color .2s}.back-btn[data-v-44c339b5]:hover{background-color:#f0f0f0}.stats-btn[data-v-44c339b5]{background-color:#00a1d6;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .2s}.stats-btn[data-v-44c339b5]:hover{background-color:#0090c0}.stats-panel[data-v-44c339b5]{background-color:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.stats-panel h2[data-v-44c339b5]{margin:0 0 20px;color:#333;font-size:20px}.stats-list[data-v-44c339b5]{display:flex;flex-direction:column;gap:12px}.stat-item[data-v-44c339b5]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:12px;background-color:#f9f9f9;border-radius:6px;align-items:center}.stat-title[data-v-44c339b5]{font-weight:500;color:#333}.stat-clicks[data-v-44c339b5],.stat-views[data-v-44c339b5],.stat-ctr[data-v-44c339b5]{font-size:14px;color:#666}.stat-ctr[data-v-44c339b5]{font-weight:600;color:#00a1d6}.add-section[data-v-44c339b5]{margin-bottom:20px}.add-btn[data-v-44c339b5]{background-color:#fb7299;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s}.add-btn[data-v-44c339b5]:hover{background-color:#ff5d87}.video-list[data-v-44c339b5]{display:flex;flex-direction:column;gap:16px}.admin-video-card[data-v-44c339b5]{display:flex;gap:16px;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.admin-video-card[data-v-44c339b5]:hover{transform:translateY(-2px)}.video-preview[data-v-44c339b5]{width:200px;flex-shrink:0}.video-preview img[data-v-44c339b5]{width:100%;height:125px;object-fit:cover;border-radius:6px}.video-info[data-v-44c339b5]{flex:1}.video-info h3[data-v-44c339b5]{margin:0 0 8px;color:#333;font-size:16px;line-height:1.4}.video-info .author[data-v-44c339b5]{margin:0 0 8px;color:#666;font-size:14px}.stats-info[data-v-44c339b5]{margin:0;display:flex;gap:16px;color:#999;font-size:13px}.video-actions[data-v-44c339b5]{display:flex;flex-direction:column;gap:8px;justify-content:center}.edit-btn[data-v-44c339b5],.delete-btn[data-v-44c339b5]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.edit-btn[data-v-44c339b5]{background-color:#00a1d6;color:#fff}.edit-btn[data-v-44c339b5]:hover{background-color:#0090c0}.delete-btn[data-v-44c339b5]{background-color:#ff4d4f;color:#fff}.delete-btn[data-v-44c339b5]:hover{background-color:#f33}.modal-overlay[data-v-44c339b5]{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-44c339b5]{background-color:#fff;padding:24px;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal h2[data-v-44c339b5]{margin:0 0 20px;color:#333;font-size:20px}.form-group[data-v-44c339b5]{margin-bottom:16px}.form-group label[data-v-44c339b5]{display:block;margin-bottom:6px;color:#333;font-size:14px;font-weight:500}.form-group input[data-v-44c339b5]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-44c339b5]:focus{outline:none;border-color:#00a1d6}.form-row[data-v-44c339b5]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cover-preview[data-v-44c339b5]{margin-top:10px;border-radius:6px;overflow:hidden}.cover-preview img[data-v-44c339b5]{width:100%;height:200px;object-fit:cover}.modal-actions[data-v-44c339b5]{display:flex;gap:12px;margin-top:24px}.cancel-btn[data-v-44c339b5],.save-btn[data-v-44c339b5]{flex:1;padding:12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-btn[data-v-44c339b5]{background-color:#f0f0f0;color:#666}.cancel-btn[data-v-44c339b5]:hover{background-color:#e0e0e0}.save-btn[data-v-44c339b5]{background-color:#00a1d6;color:#fff}.save-btn[data-v-44c339b5]:hover{background-color:#0090c0}.upload-mode-tabs[data-v-44c339b5]{display:flex;gap:8px;margin-bottom:10px}.mode-tab[data-v-44c339b5]{padding:6px 16px;border:1px solid #ddd;background:#f9f9f9;border-radius:4px;cursor:pointer;transition:all .2s;font-size:13px}.mode-tab[data-v-44c339b5]:hover{border-color:#00a1d6}.mode-tab.active[data-v-44c339b5]{background:#00a1d6;color:#fff;border-color:#00a1d6}.file-upload[data-v-44c339b5]{display:flex;flex-direction:column;gap:8px}.upload-btn[data-v-44c339b5]{padding:10px 20px;background:#00a1d6;color:#fff;border:none;border-radius:6px;cursor:pointer;align-self:flex-start;font-size:14px;transition:all .2s}.upload-btn[data-v-44c339b5]:hover:not(:disabled){background:#0090c0}.upload-btn[data-v-44c339b5]:disabled{background:#ccc;cursor:not-allowed}.upload-error[data-v-44c339b5]{color:#ff4d4f;font-size:13px}