.page-container{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:24px;font-weight:600;margin:0}.header-left{display:flex;flex-direction:column;gap:8px}.limit-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;padding:6px 12px;background:#f0f7ff;border:1px solid #d0e7ff;border-radius:6px}.limit-info.limit-reached{background:#fff3cd;border-color:#ffc107;color:#856404}.limit-info i{font-size:16px;color:#667eea}.limit-info.limit-reached i{color:#ffc107}.limit-text{font-weight:500}.remaining{color:#28a745;font-weight:600}.remaining.limit-reached{color:#dc3545}.page-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:flex-end}.filter-group{flex:0 0 auto;width:160px;display:block;margin-bottom:0}.filter-label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px;white-space:nowrap}.filter-group--action{min-width:auto}.page-toolbar .form-control{padding:6px 12px;height:auto;line-height:1.4}.search-box{position:relative;flex:1;max-width:400px}.search-box input{padding-right:40px}.search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 4px rgba(0,0,0,.05);-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;min-width:600px;border-collapse:collapse}@media (max-width:768px){.page-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:20px}.page-toolbar{flex-direction:column;gap:8px;align-items:stretch}.filter-group{min-width:100%;width:100%}.search-box{max-width:100%;width:100%}}.page-outer[data-v-df4625fc]{display:flex;flex-direction:column;min-height:100%}.page-header[data-v-df4625fc]{margin-bottom:0;background:#f5f7fa;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.header-actions[data-v-df4625fc]{display:flex;align-items:center;gap:8px}.page-header .page-title[data-v-df4625fc]{font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.page-container[data-v-df4625fc]{padding:20px;padding-top:72px}.banner-placement-tabs-nav[data-v-df4625fc]{display:flex;background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow-x:auto;margin-bottom:16px;-webkit-overflow-scrolling:touch}.banner-placement-tab-btn[data-v-df4625fc]{flex:1;min-width:88px;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:background .2s,color .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.banner-placement-tab-btn[data-v-df4625fc]:hover{background:#f9fafb;color:#374151}.banner-placement-tab-btn.active[data-v-df4625fc]{color:#667eea;border-bottom-color:#667eea;background:#f8f9ff}.banner-placement-tab-btn i[data-v-df4625fc]{font-size:18px}.banner-thumb[data-v-df4625fc]{width:80px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.banner-href[data-v-df4625fc]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6b7280}.banner-dates[data-v-df4625fc]{font-size:12px;color:#6b7280}.text-muted[data-v-df4625fc]{color:#9ca3af}.badge[data-v-df4625fc]{background:#e0e7ff;color:#4338ca}.badge[data-v-df4625fc],.status-badge[data-v-df4625fc]{font-size:11px;padding:2px 8px;border-radius:12px}.status-badge.active[data-v-df4625fc]{background:#d1fae5;color:#065f46}.status-badge.inactive[data-v-df4625fc]{background:#f3f4f6;color:#6b7280}.action-btns[data-v-df4625fc]{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.table-wrapper table[data-v-df4625fc]{min-width:800px}.page-header-banners-list{position:fixed;top:56px;left:260px;right:0;z-index:100}.sidebar.collapsed~.main-content .page-header-banners-list{left:64px}@media (max-width:768px){.page-header-banners-list{left:0!important;top:56px}}