.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:28px;color:#1a1a2e;margin-bottom:8px}.login-header p{font-size:14px;color:#666}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-btn{padding:14px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.login-btn:hover:not(:disabled){background-color:#5568d3}.login-btn:disabled{background-color:#ccc;cursor:not-allowed}.dashboard{max-width:1200px}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:32px;color:#1a1a2e;margin-bottom:8px}.dashboard-header p{font-size:16px;color:#666}.dashboard-loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:24px;border-radius:12px;border-left:4px solid;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.stat-content h3{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.quick-actions{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.quick-actions h2{font-size:20px;color:#1a1a2e;margin-bottom:20px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-btn span{font-size:24px}.video-upload{max-width:800px}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;color:#1a1a2e;margin-bottom:8px}.page-header p{font-size:14px;color:#666}.upload-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.upload-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=file],.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.slug-input-group{display:flex;gap:8px}.slug-input-group input{flex:1}.generate-slug-btn{padding:12px 20px;background-color:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-slug-btn:hover:not(:disabled){background-color:#5568d3}.generate-slug-btn:disabled{background-color:#ccc;cursor:not-allowed}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.file-info{font-size:13px;color:#666;padding:8px;background-color:#f5f5f5;border-radius:4px}.progress-container{padding:16px;background-color:#f5f5f5;border-radius:8px}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{font-size:14px;color:#666;text-align:center}.error-message{padding:12px;background-color:#fee;color:#c33;border-radius:8px;font-size:14px}.success-message{padding:12px;background-color:#efe;color:#3c3;border-radius:8px;font-size:14px}.submit-btn{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.recipe-editor{max-width:900px}.editor-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.recipe-form{display:flex;flex-direction:column;gap:30px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h2{font-size:18px;color:#1a1a2e;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group select{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .2s}.form-group select:focus{outline:none;border-color:#667eea}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.dietary-tags{display:flex;flex-wrap:wrap;gap:12px}.tag-checkbox{display:flex;align-items:center;gap:6px;padding:8px 12px;background-color:#f5f5f5;border-radius:6px;cursor:pointer;transition:background-color .2s}.tag-checkbox:hover{background-color:#e8e8e8}.tag-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.tag-checkbox span{font-size:14px;color:#333;text-transform:capitalize}.live-scheduler{max-width:800px}.scheduler-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.scheduler-form{display:flex;flex-direction:column;gap:30px}.form-group input[type=date],.form-group input[type=time],.form-group input[type=url]{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.field-hint{font-size:12px;color:#999;margin-top:4px;display:block}.subscriber-management{max-width:1200px}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#666}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border-left:4px solid #667eea}.stat-card.stat-active{border-left-color:#48bb78}.stat-card.stat-past-due{border-left-color:#ed8936}.stat-card.stat-cancelled{border-left-color:#e53e3e}.stat-card.stat-free{border-left-color:#a0aec0}.stat-label{font-size:13px;color:#666;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#1a1a2e}.subscribers-container{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.filters-bar{display:flex;gap:16px;margin-bottom:24px}.search-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.status-filter{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;min-width:150px}.subscribers-table{overflow-x:auto}.subscribers-table table{width:100%;border-collapse:collapse}.subscribers-table th{text-align:left;padding:12px;background-color:#f5f5f5;font-size:13px;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.subscribers-table td{padding:16px 12px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.username{font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-active{background-color:#c6f6d5;color:#22543d}.status-past-due{background-color:#feebc8;color:#7c2d12}.status-cancelled{background-color:#fed7d7;color:#742a2a}.status-free{background-color:#e2e8f0;color:#2d3748}.customer-id{font-family:monospace;font-size:12px;color:#666}.no-results{text-align:center;padding:40px!important;color:#999}.community-moderation{max-width:1200px}.tabs{display:flex;gap:8px;margin-bottom:30px;border-bottom:2px solid #f0f0f0}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.tab:hover{color:#333}.tab.active{color:#667eea;border-bottom-color:#667eea}.moderation-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;color:#1a1a2e}.filter-select{padding:10px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer}.interactions-list{display:flex;flex-direction:column;gap:16px}.interaction-card{padding:16px;border:1px solid #e0e0e0;border-radius:8px;transition:border-color .2s}.interaction-card:hover{border-color:#667eea}.interaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.interaction-type{display:inline-block;padding:4px 12px;background-color:#667eea;color:#fff;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.interaction-date{font-size:13px;color:#999}.interaction-content{padding:12px;background-color:#f9f9f9;border-radius:6px;margin-bottom:12px;font-size:14px;color:#333;line-height:1.5}.interaction-meta{display:flex;gap:16px;font-size:12px;color:#666;margin-bottom:12px}.interaction-actions{display:flex;gap:8px}.delete-btn{padding:8px 16px;background-color:#e53e3e;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background-color:#c53030}.content-list{overflow-x:auto}.content-table{width:100%;border-collapse:collapse}.content-table th{text-align:left;padding:12px;background-color:#f5f5f5;font-size:13px;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.content-table td{padding:16px 12px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}.content-title{font-weight:500;max-width:300px}.content-type-badge{display:inline-block;padding:4px 10px;background-color:#e8e8e8;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-published{background-color:#c6f6d5;color:#22543d}.status-draft{background-color:#e2e8f0;color:#2d3748}.action-buttons{display:flex;gap:8px}.publish-btn,.unpublish-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.publish-btn{background-color:#48bb78;color:#fff}.publish-btn:hover{background-color:#38a169}.unpublish-btn{background-color:#ed8936;color:#fff}.unpublish-btn:hover{background-color:#dd6b20}.notification-panel{padding:30px;text-align:center}.notification-info{margin-bottom:24px}.notification-info h3{font-size:20px;color:#1a1a2e;margin-bottom:8px}.notification-info p{font-size:14px;color:#666}.broadcast-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.broadcast-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.no-data{text-align:center;padding:40px;color:#999;font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background-color:#1a1a2e;color:#fff;display:flex;flex-direction:column;padding:20px}.sidebar-header{margin-bottom:30px}.sidebar-header h1{font-size:24px;margin-bottom:8px;color:#fff}.user-email{font-size:12px;color:#a0a0a0;word-break:break-all}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#e0e0e0;transition:all .2s}.nav-item:hover{background-color:#16213e;color:#fff}.nav-item.active{background-color:#0f3460;color:#fff}.nav-icon{font-size:20px}.nav-label{font-size:14px;font-weight:500}.sign-out-btn{margin-top:20px;padding:12px;background-color:#e94560;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.sign-out-btn:hover{background-color:#d63447}.main-content{flex:1;padding:30px;background-color:#f5f5f5;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}