.admin-layout{width:100%;min-height:100vh}.admin-sider{flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 8px #00000014}.admin-sider .ant-layout-sider-children{flex-direction:column;height:100%;display:flex}.admin-sider-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:20px 16px;display:flex}.admin-sider-logo{color:#fff;background:#0058be;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.admin-sider-title{color:#f9f9ff;margin:0;font-size:18px;font-weight:600;line-height:1.2}.admin-sider-subtitle{color:#e1e2ec;opacity:.8;margin:2px 0 0;font-size:11px}.admin-sider-menu{flex:1;overflow-y:auto;border:none!important}.admin-sider-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:16px}.admin-main-layout{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.admin-header{z-index:99;border-bottom:1px solid #c2c6d6;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000a;background:#f9f9ff!important;height:64px!important;padding:0 24px!important;line-height:64px!important}.admin-header-title{color:#0058be;font-size:18px;font-weight:600}.admin-header-actions{align-items:center;gap:8px;display:flex}.admin-content{background:#f9f9ff;flex:1;margin:0;padding:24px 32px;overflow-x:auto}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{overflow-x:hidden}.admin-layout.ant-layout{width:100%}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:12px;transition:all .3s;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0058be1a,0 8px 10px -6px #0058be1a}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-header-title{color:#191b23;margin:0 0 4px;font-size:32px;font-weight:700;line-height:1.25}.page-header-desc{color:#424754;margin:0;font-size:14px}.stat-card-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.stat-card-icon.primary{color:#0058be;background:#2170e41a}.stat-card-icon.secondary{color:#6b38d4;background:#6b38d41a}.stat-card-icon.tertiary{color:#924700;background:#b75b001a}.stat-card-icon.error{color:#ba1a1a;background:#ba1a1a1a}.trend-up{color:#059669;align-items:center;gap:4px;font-size:13px;display:flex}.trend-neutral{color:#727785;font-size:13px}.login-page{background:linear-gradient(135deg,#f9f9ff 0%,#d8e2ff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:16px;width:400px;padding:40px;box-shadow:0 20px 60px #0058be1f}.login-logo{color:#fff;background:#0058be;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:28px;display:flex}.package-card{border-radius:12px;transition:all .3s;overflow:hidden}.package-card.popular{border:1px solid #adc6ff;transform:scale(1.02);box-shadow:0 0 12px #0058be1a}.package-card.disabled{opacity:.75}.tag-pill{cursor:pointer;background:#e6e7f2;border:1px solid #c2c6d6;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;transition:all .2s;display:inline-flex}.tag-pill:hover{background:#d8e2ff;border-color:#0058be4d;transform:translateY(-2px)}.tag-count{color:#727785;font-family:JetBrains Mono,monospace;font-size:11px}.activity-timeline .ant-timeline-item-head{background:#f9f9ff}.score-cover{object-fit:cover;border:1px solid #c2c6d6;border-radius:4px;width:48px;height:64px}.video-thumb{object-fit:cover;border-radius:6px;width:96px;height:56px;position:relative}.video-duration{color:#fff;background:#191b23cc;border-radius:2px;padding:1px 4px;font-size:10px;position:absolute;bottom:4px;right:4px}.chart-area{background-image:linear-gradient(90deg,#ecedf7 1px,#0000 1px),linear-gradient(#ecedf7 1px,#0000 1px);background-size:40px 40px;border:1px solid #c2c6d64d;border-radius:8px;height:280px;padding:16px}.bar-chart-item{flex-direction:column;flex:1;align-items:center;max-width:48px;display:flex}.bar-chart-bar{background:#e1e2ec;border-radius:4px 4px 0 0;align-items:flex-end;width:100%;display:flex;position:relative}.bar-chart-fill{background:#0058be;border-radius:4px 4px 0 0;width:100%;transition:background .3s}.bar-chart-item:hover .bar-chart-fill{background:#2170e4}.popularity-bar{background:#ecedf7;border-radius:999px;height:8px;overflow:hidden}.popularity-fill{border-radius:999px;height:100%;transition:width .5s}.tag-picker-body{max-height:420px;padding-right:4px;overflow-y:auto}.tag-picker-category{border-bottom:1px solid #e1e2ec;margin-bottom:16px;padding-bottom:12px}.tag-picker-category:last-child{border-bottom:none;margin-bottom:0}.tag-picker-list{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.tag-picker-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.tag-picker-item:hover,.tag-picker-item.is-checked{background:#f0f5ff}.tag-picker-name{flex:1;font-size:14px;font-weight:500}.tag-manage-list{max-height:280px;overflow-y:auto}.tag-manage-pills{max-height:220px;overflow-y:auto}