:root{--primary-gold: #D4A454;--primary-gold-light: #E8C88B;--primary-gold-dark: #B8893A;--accent-red: #C1392B;--accent-red-light: #E74C3C;--dark: #2C3E50;--dark-light: #34495E;--white: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--tier-base: #94A3B8;--tier-enhanced: #D4A454;--tier-complete: #10B981;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);font-size:14px;line-height:1.5;color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased}#root{height:100%}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md);color:var(--gray-500)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{background:var(--dark);color:var(--white);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}.header-brand{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo-img{height:36px;width:auto}.header-logo{font-size:1.5rem;font-weight:700;color:var(--primary-gold)}.header-logo span{color:var(--white);font-weight:400}.header-nav{display:flex;gap:var(--spacing-sm)}.header-nav a{color:var(--gray-300);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s}.header-nav a:hover,.header-nav a.active{color:var(--white);background:var(--dark-light)}.header-user{display:flex;align-items:center;gap:var(--spacing-md)}.header-user-info{text-align:right}.header-user-email{font-size:.875rem;color:var(--gray-300)}.header-user-role{font-size:.75rem;color:var(--primary-gold);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary-gold);color:var(--white)}.btn-primary:hover{background:var(--primary-gold-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-danger{background:var(--accent-red);color:var(--white)}.btn-danger:hover{background:var(--accent-red-light)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);border-left:4px solid var(--primary-gold)}.stat-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:var(--spacing-xs)}.stat-card-value{font-size:2rem;font-weight:700;color:var(--dark)}.stat-card-subtitle{font-size:.875rem;color:var(--gray-500);margin-top:var(--spacing-xs)}.stat-card.accent{border-left-color:var(--accent-red)}.stat-card.success{border-left-color:var(--success)}.stat-card.info{border-left-color:var(--info)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:var(--spacing-xs)}.page-subtitle{color:var(--gray-500)}.filter-panel{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.filter-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:180px}.filter-label{font-size:.75rem;font-weight:500;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.filter-select,.filter-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;background:var(--white);color:var(--gray-800)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4a4541a}.filter-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.video-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden;cursor:pointer;transition:all .2s}.video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-card-thumbnail{position:relative;height:160px;background:#1f2937;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .2s}.video-card:hover .video-card-thumbnail{background:#2d3a4a}.video-card-logo{width:60%;height:auto;object-fit:contain;max-height:120px;pointer-events:none;-webkit-user-select:none;user-select:none}.video-card-play-icon{position:absolute;bottom:10px;right:10px;width:32px;height:32px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:.75rem;padding-left:2px;transition:background .2s,color .2s}.video-card:hover .video-card-play-icon{background:#ffffff40;color:#ffffffe6}.video-card-body{padding:var(--spacing-lg)}.video-card-title{font-weight:600;color:var(--dark);margin-bottom:var(--spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.video-tag{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600)}.video-tag.specialty{background:#d4a4541a;color:var(--primary-gold-dark)}.video-tag.location{background:#3b82f61a;color:var(--info)}.tier-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.tier-badge.base{background:#94a3b833;color:var(--gray-600)}.tier-badge.enhanced{background:#d4a45433;color:var(--primary-gold-dark)}.tier-badge.complete{background:#10b98133;color:var(--success)}.video-card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.video-card-id{font-size:.75rem;color:var(--gray-400);font-family:monospace}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-xl)}.modal{background:var(--white);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:var(--dark)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--gray-400);cursor:pointer;padding:var(--spacing-xs);line-height:1}.modal-close:hover{color:var(--gray-600)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-tabs{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-lg)}.modal-tab{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;font-size:.875rem;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.modal-tab:hover{color:var(--gray-700)}.modal-tab.active{color:var(--primary-gold);border-bottom-color:var(--primary-gold)}.modal-wide{max-width:900px}.video-player-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.video-player{width:100%;max-height:500px;border-radius:var(--radius-md);background:#000}.video-player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:var(--gray-100);border-radius:var(--radius-md);gap:var(--spacing-sm);color:var(--gray-500)}.video-player-icon{font-size:3rem;color:var(--gray-400)}.video-player-message{font-size:.9rem;color:var(--gray-500)}.video-player-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.video-player-id{font-size:.8rem;color:var(--gray-500);font-family:monospace}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}.detail-value{font-size:.875rem;color:var(--gray-800)}.detail-value.empty{color:var(--gray-400);font-style:italic}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark) 0%,var(--dark-light) 100%)}.login-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-logo-img{height:64px;width:auto;margin-bottom:var(--spacing-sm)}.login-logo{font-size:2rem;font-weight:700;color:var(--primary-gold);margin-bottom:var(--spacing-sm)}.login-logo span{color:var(--dark);font-weight:400}.login-subtitle{color:var(--gray-500);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-input{padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem}.form-input:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #d4a4541a}.login-error{background:#ef44441a;color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.login-btn{padding:var(--spacing-md);font-size:1rem;margin-top:var(--spacing-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination-info{color:var(--gray-500);font-size:.875rem}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--gray-500)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-sm)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.analytics-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.analytics-card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.analytics-card-title{font-size:1rem;font-weight:600;color:var(--gray-800)}.analytics-card-body{padding:var(--spacing-lg)}.analytics-list{list-style:none}.analytics-list-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-100)}.analytics-list-item:last-child{border-bottom:none}.analytics-list-label{color:var(--gray-600)}.analytics-list-value{font-weight:600;color:var(--dark)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--gray-200)}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-50)}.table td{font-size:.875rem;color:var(--gray-700)}.table tr:hover td{background:var(--gray-50)}.demo-banner{background:var(--warning);color:var(--gray-900);text-align:center;padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.header-demo{background:#1a2a3a;border-bottom:3px solid var(--warning)}.demo-toggle{display:flex;align-items:center;gap:var(--spacing-sm);margin-right:var(--spacing-md);padding-right:var(--spacing-md);border-right:1px solid var(--dark-light)}.toggle-label{font-size:.75rem;color:var(--gray-400);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;width:40px;height:22px;background:var(--gray-600);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.toggle-switch.toggle-on{background:var(--warning)}.toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--white);border-radius:50%;transition:transform .2s;pointer-events:none}.toggle-switch.toggle-on .toggle-knob{transform:translate(18px)}.login-error.access-denied{background:#fef2f2;border:1px solid #FECACA;color:#991b1b;padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:500;text-align:center;line-height:1.5}.admin-page{max-width:1000px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.admin-title{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:var(--spacing-xs)}.admin-subtitle{color:var(--gray-500);font-size:.9rem}.admin-error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.admin-add-form{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-add-form h3{margin-bottom:var(--spacing-md);font-size:1rem;color:var(--dark)}.admin-form-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.admin-add-btn{height:42px;white-space:nowrap}.admin-form-note{margin-top:var(--spacing-sm);font-size:.8rem;color:var(--gray-400)}.admin-table-container{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xl)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-50);color:var(--gray-500);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.admin-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--gray-100);font-size:.9rem;color:var(--dark)}.admin-table tr.user-inactive td{opacity:.5}.user-name-cell{font-weight:600}.user-email-cell{font-weight:400;color:var(--gray-500)}.actions-cell{display:flex;gap:var(--spacing-xs)}.admin-form-actions{margin-top:var(--spacing-md)}.required-indicator{color:var(--accent-red)}.role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.role-badge.role-admin{background:#ede9fe;color:#5b21b6}.role-badge.role-sales{background:#dbeafe;color:#1e40af}.role-badge.role-client{background:#fef3c7;color:#92400e}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.btn-sm{padding:4px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.btn-outline{background:transparent;color:var(--dark);border:1px solid var(--gray-300);cursor:pointer;border-radius:var(--radius-sm);padding:4px 12px;font-size:.8rem}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-danger{background:#ef4444;color:#fff;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:4px 12px;font-size:.8rem}.btn-danger:hover{background:#dc2626}.btn-success{background:#22c55e;color:#fff;border:none;cursor:pointer;border-radius:var(--radius-sm);padding:4px 12px;font-size:.8rem}.btn-success:hover{background:#16a34a}.edit-modal{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:560px;box-shadow:0 20px 60px #0000004d}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.edit-modal-header h2{font-size:1.25rem;color:var(--dark)}.edit-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--gray-100)}.admin-info{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.admin-info h3{font-size:1rem;color:var(--dark);margin-bottom:var(--spacing-sm)}.admin-info ul{list-style:none;padding:0;margin:0 0 var(--spacing-sm)}.admin-info li{padding:var(--spacing-xs) 0;color:var(--gray-500);font-size:.9rem}.admin-info p{color:var(--gray-400);font-size:.85rem;margin-top:var(--spacing-sm)}@media (max-width: 768px){.main-content{padding:var(--spacing-md)}.header{padding:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.header-nav{order:3;width:100%;justify-content:center}.filter-row{flex-direction:column}.filter-group{width:100%}.filter-actions{margin-left:0;width:100%}.video-grid,.detail-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-form-row{flex-direction:column}.admin-header{flex-direction:column;gap:var(--spacing-md)}}