*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--secondary-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--background:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:40px;width:100%}.auth-card h1{color:var(--primary-color);font-size:24px;margin-bottom:8px;text-align:center}.auth-card h2{color:var(--text-primary);font-size:28px;margin-bottom:30px;text-align:center}.form-row{grid-gap:15px;gap:15px}.form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:6px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.btn-primary{background:var(--primary-color);border-radius:6px;font-size:16px;padding:14px;transition:background .3s;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.error-message{background:#fee;color:var(--danger-color)}.error-message,.success-message{border-radius:6px;margin-bottom:20px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.auth-link{color:var(--text-secondary);margin-top:20px;text-align:center}.auth-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.divider{align-items:center;display:flex;margin:24px 0}.divider:after,.divider:before{background-color:var(--border-color);content:"";flex:1 1;height:1px}.divider span{color:var(--text-secondary);font-size:14px;padding:0 16px}.btn-facebook{align-items:center;background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:background .3s;width:100%}.btn-facebook:hover{background:#166fe5}.btn-facebook .fb-icon{background:#fff;border-radius:4px;color:#1877f2;font-family:Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:700;height:24px;width:24px}.btn-facebook .fb-icon,.btn-instagram{align-items:center;display:flex;justify-content:center}.btn-instagram{background:linear-gradient(135deg,#fd5949,#d6249f 55%,#285aeb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:10px;margin-top:12px;padding:14px;width:100%}.btn-instagram:hover{filter:brightness(.96)}.btn-instagram .ig-icon{border:1px solid #ffffffb3;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;padding:4px 8px}.oauth-note{font-size:13px;margin-top:12px}.oauth-note,.reset-info-text{color:var(--text-secondary);text-align:center}.reset-info-text{font-size:14px;line-height:1.6;margin-bottom:24px}.reset-success-icon{display:flex;justify-content:center;margin-bottom:16px}.dev-token-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:20px;padding:16px;word-break:break-all}.dev-token-label{color:#15803d;font-size:13px;font-weight:600;margin-bottom:8px}.dev-token-link{color:var(--primary-color);font-size:13px;text-decoration:underline;word-break:break-all}.input-icon-wrapper{position:relative}.input-icon-wrapper input{padding-left:40px!important}.input-icon{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.password-mismatch{color:#ef4444;font-size:13px;margin:-8px 0 12px}.password-strength{align-items:center;display:flex;gap:10px;margin-bottom:16px}.password-strength .strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.password-strength .strength-bar:after{border-radius:2px;content:"";display:block;height:100%;transition:width .3s}.password-strength .strength-bar.weak:after{background:#ef4444;width:33%}.password-strength .strength-bar.medium:after{background:#f59e0b;width:66%}.password-strength .strength-bar.strong:after{background:#22c55e;width:100%}.strength-label{color:var(--text-secondary);font-size:12px;min-width:40px}.warning-message{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:14px;margin-bottom:20px;padding:12px}.onboarding-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:24px;overflow:hidden}.onboarding-header{cursor:pointer;padding:16px 20px 12px;-webkit-user-select:none;user-select:none}.onboarding-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.onboarding-title-row h3{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:2px}.onboarding-title-row p{color:var(--text-secondary);font-size:13px}.onboarding-header-right{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.onboarding-dismiss{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;padding:4px;transition:all .15s}.onboarding-dismiss:hover{background:#f3f4f6;color:var(--text-primary)}.onboarding-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}.onboarding-progress-fill{background:linear-gradient(90deg,var(--primary-color),#10b981);border-radius:3px;height:100%;transition:width .4s ease}.onboarding-steps{border-top:1px solid var(--border-color)}.onboarding-step{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:14px 20px;transition:background .15s}.onboarding-step:last-child{border-bottom:none}.onboarding-step:not(.step-done){cursor:pointer}.onboarding-step:not(.step-done):hover{background:#f9fafb}.step-done{opacity:.6}.step-done .step-label{text-decoration:line-through}.step-check,.step-icon{flex-shrink:0}.step-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:var(--primary-color);display:flex;height:32px;justify-content:center;width:32px}.step-done .step-icon{background:#ecfdf5;color:#10b981}.step-info{flex:1 1;min-width:0}.step-label{color:var(--text-primary);font-size:14px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:12px;margin-top:2px}.step-arrow{color:var(--primary-color);flex-shrink:0;font-size:16px;font-weight:600}.onboarding-complete{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#a7f3d0}.onboarding-complete-content{align-items:center;display:flex;flex:1 1;gap:12px;padding:16px 20px}.onboarding-complete h3{color:#065f46;font-size:15px;font-weight:700;margin-bottom:2px}.onboarding-complete p{color:#047857;font-size:13px}.onboarding-complete{align-items:center;display:flex}.onboarding-complete .onboarding-dismiss{margin-right:16px}.dashboard h1{color:var(--text-primary);font-size:32px;margin-bottom:32px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;gap:16px;padding:24px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{height:48px;justify-content:center;width:48px}.stat-value{color:var(--text-primary);font-size:28px}.stat-label{color:var(--text-secondary);font-size:14px}.quick-actions-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.quick-action-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:16px 18px;text-align:left;transition:all .2s ease}.quick-action-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11f;transform:translateY(-2px)}.qa-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.qa-text{flex:1 1;min-width:0}.qa-title{color:var(--text-primary);font-size:14px;font-weight:600}.qa-desc{color:var(--text-secondary);font-size:12px;margin-top:2px}.qa-arrow{color:#9ca3af;flex-shrink:0}.quick-action-card:hover .qa-arrow{color:#6366f1}.dashboard-widgets-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:28px}.widget-card{max-height:420px;overflow-y:auto}.widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.widget-header h2{align-items:center;display:flex;gap:8px;margin-bottom:0}.widget-link{background:none;border:none;border-radius:6px;color:#6366f1;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;transition:background .15s}.widget-link:hover{background:#eef2ff}.widget-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 16px}.widget-empty.small{padding:20px 16px}.widget-empty p{font-size:14px;margin:0}.overdue-section{margin-bottom:12px}.overdue-label{color:#ef4444;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.overdue-label,.task-due-item{align-items:center;display:flex}.task-due-item{border-radius:8px;cursor:pointer;gap:12px;margin-bottom:4px;padding:10px 12px;transition:background .15s}.task-due-item:hover{background:#f9fafb}.task-due-item.overdue{background:#fef2f2}.task-due-item.overdue:hover{background:#fee2e2}.tdi-priority{border-radius:2px;flex-shrink:0;height:32px;width:4px}.tdi-info{flex:1 1;min-width:0}.tdi-title{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tdi-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;margin-top:2px}.tdi-points{color:#6366f1;font-weight:500}.tdi-due{color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap}.tdi-due.due-soon{color:#f59e0b}.overdue-text{color:#ef4444!important}.activity-feed{display:flex;flex-direction:column}.activity-item{align-items:center;padding:10px 0}.ai-icon{align-items:center;border-radius:8px;display:flex;height:32px;justify-content:center;min-width:32px;width:32px}.ai-content{flex:1 1;min-width:0}.ai-title{color:var(--text-primary);font-size:13px;font-weight:600}.ai-desc{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-right{flex-shrink:0;text-align:right}.ai-detail{font-size:13px;font-weight:600}.ai-time{color:#9ca3af;font-size:11px;margin-top:2px}.dashboard-charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.mini-chart-card h2{align-items:center;display:flex;font-size:16px;gap:8px}.mini-chart{height:120px}.bar-chart-mini,.mini-chart{align-items:flex-end;display:flex}.bar-chart-mini{gap:4px;height:100%;width:100%}.bar-col-mini{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.bar-mini{border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease;width:100%}.bar-mini.earned{background:linear-gradient(180deg,#6366f1,#818cf8)}.bar-mini.earnings{background:linear-gradient(180deg,#10b981,#34d399)}.bar-mini.tasks{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.bar-label-mini{color:#9ca3af;font-size:9px;margin-top:4px}.chart-legend-mini{color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-top:10px}.chart-legend-mini span{align-items:center;display:flex;gap:6px}.legend-dot{border-radius:2px;display:inline-block;height:8px;width:8px}.legend-dot.earned{background:#6366f1}.legend-dot.earnings{background:#10b981}.legend-dot.tasks{background:#f59e0b}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.dashboard-card h2{color:var(--text-primary);font-size:20px;margin-bottom:20px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px}.rank{color:var(--primary-color);font-weight:700;min-width:30px}.ambassador-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.ambassador-info{flex:1 1}.ambassador-name{color:var(--text-primary);font-size:14px;font-weight:600}.ambassador-tier{color:var(--text-secondary);font-size:12px;text-transform:capitalize}.points{color:var(--primary-color);font-weight:600}.quick-stats{display:flex;flex-direction:column;gap:16px}.quick-stat{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.quick-stat span{color:var(--text-secondary);font-size:14px}.quick-stat strong{color:var(--text-primary);font-size:18px}@media (max-width:1200px){.dashboard-charts-row{grid-template-columns:1fr 1fr}}@media (max-width:968px){.dashboard-charts-row,.dashboard-grid,.dashboard-widgets-row{grid-template-columns:1fr}.quick-actions-row{grid-template-columns:1fr 1fr}}@media (max-width:600px){.quick-actions-row{grid-template-columns:1fr}}.pagination-container{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:16px 0}.pagination-info{color:#6b7280;font-size:13px}.pagination-controls{gap:4px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .15s}.page-btn:hover:not(:disabled):not(.active){background:#f3f4f6;border-color:#d1d5db}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.page-ellipsis{color:#9ca3af;font-size:14px;padding:0 4px}.pagination-limit select{border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 10px}.pagination-limit select:focus{border-color:#6366f1;outline:none}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-line{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200px 100%;border-radius:4px}.skeleton-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:20px}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-table{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden}.skeleton-row{grid-gap:16px;border-bottom:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:14px 20px}.skeleton-header-row{background:#f9fafb;padding:12px 20px}.skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-grid-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:16px}.skeleton-img{border-radius:8px;height:140px;width:100%}.skeleton-avatar-small,.skeleton-img{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200px 100%}.skeleton-avatar-small{border-radius:50%;flex-shrink:0;height:36px;width:36px}.skeleton-feed-header{align-items:center;display:flex;gap:12px}.skeleton-feed-actions{display:flex;gap:16px}.tasks-page{margin:0 auto;max-width:1400px;padding:24px}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.task-count{color:#6b7280;font-size:.875rem;margin-top:4px}.header-actions{align-items:center;display:flex;gap:12px}.view-toggle{background:#f3f4f6;border-radius:8px;display:flex;padding:4px}.view-toggle button{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.view-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}.btn-danger,.btn-secondary{transition:background .2s}.btn-danger{align-items:center;background:#fef2f2;display:flex;gap:8px}.btn-danger:hover{background:#fee2e2}.tasks-filters{flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-box,.tasks-filters{align-items:center;display:flex}.search-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;gap:8px;max-width:400px;padding:10px 16px}.search-box input{background:#0000;border:none;font-size:.875rem;outline:none;width:100%}.search-box svg{color:#9ca3af}.filter-toggle{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 16px}.filter-dropdowns,.filter-toggle{align-items:center;display:flex;gap:8px}.filter-dropdowns select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;padding:10px 16px}.clear-filters{background:#0000;border:none;color:#6366f1;cursor:pointer;font-weight:500;padding:10px 16px}.tasks-list{display:flex;flex-direction:column;gap:8px}.task-card{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;padding:16px;transition:all .2s}.task-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.task-main{align-items:flex-start;display:flex;gap:16px;width:100%}.task-checkbox .checkbox{border:2px solid #d1d5db;border-radius:50%;cursor:pointer;height:20px;transition:all .2s;width:20px}.task-checkbox .checkbox:hover{background:#f0f0ff;border-color:#6366f1}.task-checkbox .completed{color:#10b981}.task-content{flex:1 1}.task-content h3{color:#111827;font-size:1rem;font-weight:600;margin:0 0 4px}.task-content h3.completed{color:#9ca3af;text-decoration:line-through}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;margin:0 0 8px;overflow:hidden}.task-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:4px}.meta-item.points{color:#10b981;font-weight:600}.task-badges{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.priority-badge,.status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px;text-transform:capitalize}.task-actions{margin-left:8px}.task-actions button{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .2s}.task-actions button:hover{background:#fef2f2;color:#dc2626}.tasks-board{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.board-column{background:#f9fafb;border-radius:12px;min-height:400px;padding:16px}.column-header{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.column-header .count{background:#e5e7eb;border-radius:12px;font-size:.75rem;padding:2px 8px}.column-tasks{display:flex;flex-direction:column;gap:8px}.board-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s}.board-card:hover{box-shadow:0 4px 12px #0000001a}.board-card h4{color:#111827;font-size:.875rem;font-weight:500;margin:0 0 8px}.board-due{color:#6b7280;font-size:.75rem;gap:4px}.board-due,.board-meta{align-items:center;display:flex}.board-meta{justify-content:space-between;margin-top:8px}.priority-dot{border-radius:50%;height:8px;width:8px}.points-badge{color:#10b981;font-size:.75rem;font-weight:600}.close-btn{transition:all .2s}.task-modal form{padding:24px}.form-group input,.form-group select,.form-group textarea{font-size:.875rem}.viewer-selector{border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;max-height:200px;overflow-y:auto;padding:8px}.viewer-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.viewer-checkbox:hover{background:#f9fafb}.viewer-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.viewer-checkbox span{color:#374151;font-size:14px}.task-detail-modal{max-width:640px}.task-detail-content{padding:24px}.detail-section{margin-bottom:24px}.detail-section h4{font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 8px}.detail-section p{margin:0}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#6b7280;font-size:.75rem;font-weight:500}.detail-item span{align-items:center;color:#111827;display:flex;font-size:.875rem;gap:6px}@media (max-width:768px){.tasks-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{justify-content:space-between;width:100%}.tasks-filters{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-dropdowns{flex-wrap:wrap}.detail-grid,.form-row,.tasks-board{grid-template-columns:1fr}}.campaigns-page{margin:0 auto;max-width:1400px;padding:24px}.campaigns-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.campaigns-header h1{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0}.campaigns-header .btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background .2s}.campaigns-header .btn-primary:hover{background:#4f46e5}.campaign-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{border-color:#6366f1;color:#6366f1}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.campaigns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.campaign-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:box-shadow .2s}.campaign-card:hover{box-shadow:0 4px 12px #0000001f}.campaign-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.campaign-card-header h3{color:#111827;flex:1 1;font-size:18px;font-weight:600;margin:0}.campaign-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize;white-space:nowrap}.campaign-status.draft{background:#f3f4f6;color:#6b7280}.campaign-status.active{background:#d1fae5;color:#065f46}.campaign-status.paused{background:#fef3c7;color:#92400e}.campaign-status.completed{background:#dbeafe;color:#1e40af}.campaign-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden}.campaign-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.campaign-meta-item{align-items:center;display:flex;gap:6px}.campaign-points{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:4px 10px}.campaigns-empty{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 24px;text-align:center}.campaigns-empty .empty-icon{font-size:48px;margin-bottom:16px}.campaigns-empty h3{color:#111827;font-size:18px;margin-bottom:8px}.campaigns-empty p{color:#6b7280;font-size:14px}.campaign-detail-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.campaign-detail-modal{background:#fff;border-radius:16px;max-height:85vh;max-width:640px;overflow-y:auto;padding:32px;width:100%}.campaign-detail-modal h2{color:#111827;font-size:24px;margin-bottom:8px}.detail-section{margin-top:24px}.detail-section h4{color:#6b7280;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-section p{color:#374151;font-size:15px;line-height:1.6}.detail-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:20px}.detail-meta-card{background:#f9fafb;border-radius:8px;padding:16px}.detail-meta-card label{color:#6b7280;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-meta-card .value{color:#111827;font-size:18px;font-weight:600;margin-top:4px}.detail-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.btn-close{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px}.btn-close:hover{background:#e5e7eb}.btn-danger{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-weight:500;padding:10px 20px}.btn-danger:hover{background:#fecaca}.campaign-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.campaign-form-modal{background:#fff;border-radius:16px;max-height:85vh;max-width:560px;overflow-y:auto;padding:32px;width:100%}.campaign-form-modal h2{color:#111827;font-size:22px;margin-bottom:24px}.form-group label{margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;color:#111827}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #6366f11a}.form-actions{justify-content:flex-end;margin-top:28px}.campaigns-loading{color:#6b7280;padding:60px;text-align:center}@media (max-width:768px){.campaigns-grid{grid-template-columns:1fr}.campaigns-header{align-items:flex-start;flex-direction:column;gap:12px}.detail-meta-grid,.form-row{grid-template-columns:1fr}}.campaign-detail-wide{max-height:85vh;max-width:720px;overflow-y:auto}.campaign-detail-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;margin:16px 0;padding:4px}.cd-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.cd-tab:hover{background:#ffffff80;color:#374151}.cd-tab.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#111827}.cd-tab-badge{background:#6366f1;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.content-stats-row{display:flex;gap:20px;margin-top:12px}.content-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.content-stat-val{color:#111827;font-size:22px;font-weight:800}.content-stat-lbl{color:#6b7280;font-size:11px;font-weight:500}.campaign-content-section{padding:8px 0}.campaign-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.campaign-content-header h4{margin:0}.campaign-content-empty{color:#9ca3af;padding:32px 16px;text-align:center}.campaign-content-empty p{margin:12px 0}.campaign-submissions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.campaign-submission-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.cs-header{justify-content:space-between;margin-bottom:8px}.cs-author,.cs-header{align-items:center;display:flex}.cs-author{gap:8px}.cs-avatar{object-fit:cover}.cs-avatar,.cs-avatar-placeholder{border-radius:50%;height:28px;width:28px}.cs-avatar-placeholder{align-items:center;background:#e0e7ff;color:#6366f1;display:flex;font-size:12px;font-weight:700;justify-content:center}.cs-name{color:#374151;font-size:13px;font-weight:600}.cs-status{align-items:center;display:flex;gap:4px}.cs-status-text{font-size:12px;font-weight:600;text-transform:capitalize}.cs-status-text.approved{color:#10b981}.cs-status-text.rejected{color:#ef4444}.cs-status-text.pending{color:#f59e0b}.cs-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.cs-caption{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:6px}.cs-media-link{align-items:center;color:#6366f1;display:inline-flex;font-size:12px;font-weight:500;gap:4px;text-decoration:none}.cs-media-link:hover{text-decoration:underline}.cs-date{color:#9ca3af;font-size:11px;margin-top:6px}.content-submit-form{background:#f0f0ff;border:1px solid #c7d2fe;border-radius:10px;margin-bottom:16px;padding:16px}.content-submit-form h5{color:#4338ca;font-size:14px;margin:0 0 12px}.campaign-library-grid{display:flex;flex-direction:column;gap:12px}.library-card{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:14px;padding:14px}.library-thumb{border-radius:8px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.library-info{flex:1 1;min-width:0}.library-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.library-desc{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:6px}.library-caption{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:12px;margin-bottom:6px;padding:8px 10px}.library-hashtags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.library-hashtag{background:#e0e7ff;border-radius:10px;color:#4338ca;font-size:11px;font-weight:600;padding:2px 8px}.library-type{color:#9ca3af;font-size:11px;text-transform:capitalize}.library-download{align-items:center;background:#e0e7ff;border-radius:6px;color:#6366f1;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none}.library-download:hover{background:#c7d2fe}.rewards-page{margin:0 auto;max-width:1400px;padding:24px}.rewards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.rewards-header h1{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0}.points-balance{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px}.points-balance .balance-amount{font-size:22px;font-weight:700}.rewards-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px}.rewards-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.rewards-tab:hover{color:#6366f1}.rewards-tab.active{border-bottom-color:#6366f1;color:#6366f1}.rewards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.reward-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s,transform .2s}.reward-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.reward-image{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af;display:flex;font-size:48px;height:160px;justify-content:center;width:100%}.reward-image img{height:100%;object-fit:cover;width:100%}.reward-body{padding:20px}.reward-type{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}.reward-type.merchandise{background:#dbeafe;color:#1e40af}.reward-type.gift_card{background:#d1fae5;color:#065f46}.reward-type.experience{background:#fce7f3;color:#9d174d}.reward-type.donation{background:#fef3c7;color:#92400e}.reward-type.other{background:#f3f4f6;color:#6b7280}.reward-body h3{color:#111827;font-size:16px;font-weight:600;margin-bottom:6px}.reward-body .reward-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:16px;overflow:hidden}.reward-footer{align-items:center;display:flex;justify-content:space-between}.reward-cost{color:#6366f1;font-size:18px;font-weight:700}.reward-cost span{color:#6b7280;font-size:13px;font-weight:400}.reward-stock{color:#6b7280;font-size:12px}.reward-stock.low{color:#dc2626;font-weight:600}.btn-redeem{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:10px;transition:background .2s;width:100%}.btn-redeem:hover{background:#4f46e5}.btn-redeem:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.redemptions-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.redemptions-container h2{color:#111827;font-size:20px;margin-bottom:20px}.redemptions-table{border-collapse:collapse;width:100%}.redemptions-table td,.redemptions-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.redemptions-table th{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.redemptions-table td{color:#374151;font-size:14px}.redemption-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.redemption-status.pending{background:#fef3c7;color:#92400e}.redemption-status.processing{background:#dbeafe;color:#1e40af}.redemption-status.shipped{background:#e0e7ff;color:#4338ca}.redemption-status.delivered{background:#d1fae5;color:#065f46}.redemption-status.cancelled{background:#fee2e2;color:#991b1b}.redeem-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.redeem-modal{background:#fff;border-radius:16px;max-width:440px;padding:32px;text-align:center;width:100%}.redeem-modal h3{color:#111827;font-size:20px;margin-bottom:8px}.redeem-modal .redeem-cost-display{color:#6366f1;font-size:28px;font-weight:700;margin:16px 0}.redeem-modal p{color:#6b7280;font-size:14px;margin-bottom:8px}.redeem-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.rewards-empty{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 24px;text-align:center}.rewards-empty h3{color:#111827;font-size:18px;margin-bottom:8px}.rewards-empty p{color:#6b7280;font-size:14px}.rewards-loading{color:#6b7280;padding:60px;text-align:center}@media (max-width:768px){.rewards-grid{grid-template-columns:1fr}.rewards-header{align-items:flex-start;flex-direction:column;gap:12px}.redemptions-table{font-size:13px}.redemptions-table td,.redemptions-table th{padding:8px}}.earnings-page h1{color:var(--text-primary);font-size:32px;margin-bottom:32px}.earnings-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.earnings-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.earnings-card h3{color:var(--text-secondary);font-size:14px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.earnings-card .amount{color:var(--secondary-color);font-size:32px;font-weight:700}.earnings-card .amount.pending{color:var(--warning-color)}.earnings-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.earnings-tab{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.earnings-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--primary-color)}.earnings-tab:hover:not(.active){color:#374151}.sales-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.sales-table-container h2{color:var(--text-primary);font-size:20px;margin-bottom:20px}.sales-table{border-collapse:collapse;width:100%}.sales-table td,.sales-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.sales-table th{color:var(--text-secondary);font-size:14px;font-weight:600}.sales-table td{color:var(--text-primary)}.status-badge{font-weight:600}.status-badge.confirmed{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.cancelled,.status-badge.refunded{background:#fee2e2;color:#991b1b}.empty-state{color:var(--text-secondary);padding:40px}.tasks-page h1{color:var(--text-primary);font-size:32px;margin-bottom:32px}.profile-page{margin:0 auto;max-width:800px;padding:24px}.profile-page h1{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin-bottom:24px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.profile-banner{background:linear-gradient(135deg,#6366f1,#8b5cf6);height:120px;position:relative}.profile-avatar{align-items:center;background:#4f46e5;border:4px solid #fff;border-radius:50%;bottom:-40px;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;left:32px;position:absolute;width:80px}.profile-content{padding:56px 32px 32px}.profile-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.profile-name{color:#111827;font-size:24px;font-weight:700}.profile-email{color:#6b7280;font-size:14px;margin-top:4px}.profile-badges{display:flex;gap:8px;margin-top:8px}.profile-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.profile-badge.role{background:#e0e7ff;color:#4338ca}.profile-badge.tier{background:#fef3c7;color:#92400e}.profile-badge.status-active{background:#d1fae5;color:#065f46}.profile-badge.status-pending{background:#fef3c7;color:#92400e}.btn-edit-profile{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:background .2s}.btn-edit-profile:hover{background:#e5e7eb}.profile-stats{grid-gap:16px;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px;padding-bottom:28px}.profile-stat{text-align:center}.profile-stat .stat-val{color:#111827;font-size:22px;font-weight:700}.profile-stat .stat-lbl{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.profile-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item label{color:#6b7280;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-item .info-value{color:#111827;font-size:15px;font-weight:500}.info-item.full-width{grid-column:1/-1}.profile-edit-form{grid-gap:20px;display:grid;gap:20px}.profile-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.profile-form-group{display:flex;flex-direction:column}.profile-form-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:6px}.profile-form-group input,.profile-form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:10px 14px;transition:border-color .2s}.profile-form-group input:focus,.profile-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.profile-form-group textarea{min-height:80px;resize:vertical}.profile-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.profile-form-actions .btn-save{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:background .2s}.profile-form-actions .btn-save:hover{background:#4f46e5}.profile-form-actions .btn-save:disabled{background:#a5b4fc;cursor:not-allowed}.profile-form-actions .btn-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 24px}.profile-form-actions .btn-cancel:hover{background:#e5e7eb}.profile-success{background:#d1fae5;border-radius:8px;color:#065f46;font-size:14px;margin-bottom:20px;padding:12px 16px}.profile-loading{color:#6b7280;padding:60px;text-align:center}@media (max-width:768px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-form-row,.profile-info{grid-template-columns:1fr}.profile-header-row{flex-direction:column;gap:12px}}.profile-error-msg{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:10px 14px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:42px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.password-toggle-btn:hover{color:#6b7280}.password-strength-indicator{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:10px;margin-bottom:16px}.password-strength-indicator .strength-bar-fill{border-radius:2px;flex:1 1;height:4px;max-width:200px;transition:all .3s}.password-strength-indicator .strength-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#f59e0b 66%,#e5e7eb 0)}.password-strength-indicator .strength-bar-fill.strong{background:#22c55e}.social-container{margin:0 auto;max-width:1200px;padding:2rem}.social-container h1{color:#1a1a1a;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;margin-bottom:2rem}.message{border-radius:8px;margin-bottom:1.5rem;padding:1rem}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.social-accounts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.social-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s}.social-card:hover:not(.disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-card.disabled{cursor:not-allowed;opacity:.6}.social-card.facebook{border-top:3px solid #1877f2}.social-card.instagram{border-top:3px solid #e4405f}.instagram-stats{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-around;margin:1rem 0;padding:1rem 0}.instagram-media-grid{margin:1.5rem 0}.instagram-media-grid h3{color:#1a1a1a;font-size:1.1rem;margin-bottom:.75rem}.media-grid{grid-gap:4px;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);overflow:hidden}.media-item{aspect-ratio:1;cursor:pointer;overflow:hidden;position:relative}.media-item img{height:100%;object-fit:cover;transition:transform .2s;width:100%}.media-item:hover img{transform:scale(1.05)}.media-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:1rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.media-item:hover .media-overlay{opacity:1}.instagram-requirements{background:#fff3e0;border-left:3px solid #ff9800;border-radius:6px;margin:1rem 0;padding:.75rem 1rem}.instagram-warning{background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;margin:0 0 1rem;padding:.9rem 1rem}.instagram-warning p{color:#7c2d12;margin:0 0 .5rem}.requirement-note{color:#555;font-size:.85rem;margin:0!important}.requirement-note-secondary{margin-top:.35rem!important}.requirement-note a{color:#e4405f;font-weight:500;text-decoration:none}.requirement-note a:hover{text-decoration:underline}.btn-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important}.btn-instagram:hover:not(:disabled){opacity:.9}.social-card.twitter{border-top:3px solid #1da1f2}.social-card.youtube{border-top:3px solid red}.social-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.social-icon{font-size:2.5rem}.social-header h2{color:#1a1a1a;font-size:1.5rem;margin:0}.status{color:#666;font-size:.9rem;margin:.25rem 0 0}.verification-timestamp{color:#6b7280;font-size:.78rem;margin:.3rem 0 0}.social-content{margin-top:1rem}.social-content p{color:#555;margin-bottom:.5rem}.social-content ul{list-style:none;margin:1rem 0;padding:0}.social-content ul li{color:#555;padding:.5rem 0}.profile-info{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.profile-pic{border-radius:50%;height:60px;object-fit:cover;width:60px}.profile-pic-fallback{align-items:center;background:#1877f2;color:#fff;display:flex;font-size:.95rem;font-weight:700;justify-content:center}.profile-info p{margin:.25rem 0}.email{color:#888;font-size:.9rem}.post-form{margin:1.5rem 0}.instagram-post-form{background:#fcfcff;border:1px solid #f3e8ff;border-radius:10px;padding:1rem}.publish-mode-toggle{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.mode-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem}.mode-btn.active{background:#fdf2f8;border-color:#bc1888;color:#bc1888}.mode-btn:disabled{cursor:not-allowed;opacity:.65}.caption-meta{color:#6b7280;font-size:.75rem;margin-top:.35rem;text-align:right}.publish-note{color:#6b7280;font-size:.8rem;margin:.5rem 0}.post-form h3{color:#1a1a1a;font-size:1.2rem;margin-bottom:1rem}.platform-note{color:#6b7280;font-size:.82rem;margin:0 0 .75rem}.facebook-requirements{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;margin:1rem 0;padding:.75rem 1rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group textarea:focus{border-color:#1877f2}.form-group textarea{min-height:100px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .2s;width:100%}.btn-primary{background:#1877f2}.btn-primary:hover:not(:disabled){background:#166fe5}.btn-primary:disabled{opacity:.6}.btn-secondary{background:#e4e6eb;color:#1a1a1a}.btn-secondary:hover{background:#d8dadf}.tips{background:#f8f9fa;border-radius:12px;margin-top:2rem;padding:2rem}.tips h3{color:#1a1a1a;font-size:1.3rem;margin-bottom:1rem}.tips ul{list-style:none;padding:0}.tips ul li{border-bottom:1px solid #e4e6eb;color:#555;padding:.75rem 0}.tips ul li:last-child{border-bottom:none}.youtube-stats{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-around;margin:1rem 0;padding:1rem 0}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{color:#1a1a1a;font-size:1.25rem;font-weight:700}.stat-label{color:#666;font-size:.8rem}.facebook-pages{border-top:1px solid #e4e6eb;margin-top:1rem;padding-top:1rem}.facebook-pages h3{color:#1a1a1a;font-size:1rem;margin-bottom:.75rem}.pages-list{display:flex;flex-direction:column;gap:8px}.page-item{align-items:center;background:#f0f2f5;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.page-name{color:#1a1a1a;font-weight:500}.page-category{background:#e4e6eb;border-radius:12px;color:#65676b;font-size:.8rem;padding:2px 8px}.youtube-videos{border-top:1px solid #e4e6eb;margin-top:1rem;padding-top:1rem}.youtube-videos h3{color:#1a1a1a;font-size:1rem;margin-bottom:.75rem}.videos-list{display:flex;flex-direction:column;gap:10px}.video-item{border-radius:8px;color:inherit;display:flex;gap:12px;padding:8px;text-decoration:none;transition:background .15s}.video-item:hover{background:#f0f2f5}.video-thumbnail{border-radius:6px;flex-shrink:0;height:68px;object-fit:cover;width:120px}.video-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.video-title{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a1a;display:-webkit-box;font-size:.875rem;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis}.video-date{color:#65676b;font-size:.75rem;margin:0}.loading{color:#666;font-size:1.1rem;padding:3rem}@media (max-width:768px){.social-container{padding:1rem}.social-accounts{grid-template-columns:1fr}.social-container h1{font-size:1.5rem}}.posts-page{margin:0 auto;max-width:800px;padding:24px}.posts-header{justify-content:space-between;margin-bottom:24px}.header-left h1,.posts-header{align-items:center;display:flex}.header-left h1{color:#111827;font-size:1.75rem;font-weight:700;gap:12px;margin:0}.posts-subtitle{color:#6b7280;font-size:.875rem;margin-top:4px}.btn-primary{align-items:center;display:flex;gap:8px}.btn-primary:disabled{background:#a5b4fc}.btn-secondary{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px}.btn-secondary:hover{background:#e5e7eb}.posts-feed{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #0000000d}.post-card.pinned{background:linear-gradient(180deg,#faf5ff,#fff);border-color:#6366f1}.pinned-badge{align-items:center;background:#6366f1;border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;margin-bottom:12px;padding:4px 10px}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.author-info{align-items:center;display:flex;gap:12px}.author-avatar{border-radius:50%;height:44px;object-fit:cover;width:44px}.author-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:44px;justify-content:center;width:44px}.author-details{display:flex;flex-direction:column;gap:2px}.author-name{color:#111827;font-weight:600}.post-time{color:#9ca3af;font-size:.75rem}.post-type{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;text-transform:capitalize}.post-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 8px}.post-content{color:#374151;line-height:1.6;margin:0 0 16px;white-space:pre-wrap}.post-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;padding-top:12px}.action-btn{align-items:center;background:#f9fafb;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 14px;transition:all .2s}.action-btn:hover{background:#f3f4f6;color:#374151}.action-btn.liked{background:#fef2f2;color:#ef4444}.action-btn.delete:hover{background:#fef2f2;color:#dc2626}.comments-section{border-top:1px solid #f3f4f6;margin-top:16px;padding-top:16px}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.no-comments{color:#9ca3af;font-size:.875rem;padding:16px 0;text-align:center}.comment{display:flex;gap:12px}.comment-avatar .avatar-placeholder,.comment-avatar img{border-radius:50%;height:36px;object-fit:cover;width:36px}.comment-avatar .avatar-placeholder{align-items:center;background:#e5e7eb;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;justify-content:center}.comment-body{background:#f9fafb;border-radius:12px;flex:1 1;padding:12px}.comment-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-author{color:#111827;font-size:.875rem;font-weight:600}.comment-time{color:#9ca3af;font-size:.75rem;margin-left:auto}.comment-delete-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;opacity:0;padding:2px 4px;transition:opacity .15s,color .15s}.comment:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{background:#fef2f2;color:#dc2626}.comment-text{color:#374151;font-size:.875rem;margin:0}.comment-input{display:flex;gap:8px}.comment-input input{border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:.875rem;outline:none;padding:10px 14px;transition:border-color .2s}.comment-input input:focus{border-color:#6366f1}.comment-input button{background:#6366f1;border:none;border-radius:24px;color:#fff;cursor:pointer;padding:10px 14px;transition:background .2s}.comment-input button:hover{background:#4f46e5}.comment-input button:disabled{background:#a5b4fc;cursor:not-allowed}.empty-state{align-items:center;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;justify-content:center}.empty-state h3{color:#374151;margin:0 0 8px}.error-state,.loading-state{color:#6b7280;padding:60px 20px;text-align:center}.modal-content{max-width:560px}.post-modal form{padding:24px}.form-group{margin-bottom:16px}.form-group label{font-size:.875rem}.form-group input,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.type-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.type-option{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:12px;transition:all .2s}.type-option:hover{background:#f3f4f6}.type-option.active{background:#f0f0ff;border-color:#6366f1;color:#6366f1}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:768px){.posts-header{align-items:flex-start;flex-direction:column;gap:16px}.type-selector{grid-template-columns:1fr}}.messages-page{background:#f9fafb;display:flex;height:calc(100vh - 64px)}.conversations-sidebar{background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;width:360px}.sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.sidebar-header h2{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:10px;margin:0}.new-conv-btn{align-items:center;background:#6366f1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:background .2s}.new-conv-btn:hover{background:#4f46e5}.conversations-list{flex:1 1;overflow-y:auto}.loading-conv,.no-conversations{color:#9ca3af;padding:40px 20px;text-align:center}.no-conversations button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.conversation-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#f0f0ff;border-left:3px solid #6366f1}.conv-avatar{flex-shrink:0}.conv-avatar .avatar-placeholder,.conv-avatar img{border-radius:50%;height:48px;object-fit:cover;width:48px}.conv-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-weight:600;justify-content:center}.conv-info{flex:1 1;min-width:0}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conv-name{color:#111827;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:#9ca3af;flex-shrink:0;font-size:.75rem}.conv-preview{color:#6b7280;font-size:.875rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#6366f1;border-radius:12px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;padding:2px 8px}.messages-area{background:#fff}.messages-area,.no-selection{display:flex;flex:1 1;flex-direction:column}.no-selection{align-items:center;color:#9ca3af;justify-content:center;text-align:center}.no-selection svg{margin-bottom:16px}.no-selection h3{color:#374151;margin:0 0 8px}.messages-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.messages-header .conv-avatar .avatar-placeholder,.messages-header .conv-avatar img{height:44px;width:44px}.header-info h3{font-size:1rem;font-weight:600;margin:0}.participant-count{color:#9ca3af;font-size:.75rem}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.loading-messages,.no-messages{color:#9ca3af;padding:40px 20px;text-align:center}.message{display:flex;gap:8px;max-width:75%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar .avatar-placeholder,.message-avatar img{border-radius:50%;height:32px;object-fit:cover;width:32px}.message-avatar .avatar-placeholder{align-items:center;background:#e5e7eb;color:#6b7280;display:flex;font-size:.75rem;font-weight:600;justify-content:center}.message-bubble{border-radius:18px;padding:10px 14px;position:relative}.message-bubble.no-avatar{margin-left:40px}.message.own .message-bubble{background:#6366f1;border-bottom-right-radius:4px;color:#fff}.message.other .message-bubble{background:#f3f4f6;border-bottom-left-radius:4px;color:#111827}.sender-name{color:#6366f1;display:block;font-size:.75rem;font-weight:600;margin-bottom:4px}.message-text{word-wrap:break-word;line-height:1.4;margin:0}.message-time{display:block;font-size:.625rem;margin-top:4px;opacity:.7}.message.own .message-time{text-align:right}.message-input-area{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 20px}.message-input-area input{border:1px solid #e5e7eb;border-radius:24px;flex:1 1;font-size:.875rem;outline:none;padding:12px 16px;transition:border-color .2s}.message-input-area input:focus{border-color:#6366f1}.message-input-area button{align-items:center;background:#6366f1;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 16px;transition:background .2s}.message-input-area button:hover{background:#4f46e5}.message-input-area button:disabled{background:#a5b4fc;cursor:not-allowed}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:20px 24px}.search-users{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.search-users svg{color:#9ca3af}.search-users input{background:#0000;border:none;flex:1 1;font-size:.875rem;outline:none}.users-list{max-height:300px;overflow-y:auto}.users-list .loading{color:#9ca3af;padding:40px 20px;text-align:center}.user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.user-item:hover{background:#f9fafb}.user-item .user-avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-item .user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-item .user-info{flex:1 1;min-width:0}.user-item .user-name{color:#111827;font-weight:500;margin-bottom:2px}.user-item .user-email{color:#6b7280;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-bottom:16px}.manual-input label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.input-row{display:flex;gap:8px}.input-row input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.875rem;padding:10px 14px}.input-row input:focus{border-color:#6366f1;outline:none}.btn-primary{font-weight:500;padding:10px 20px}@media (max-width:768px){.messages-page{flex-direction:column}.conversations-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;height:50%;width:100%}.messages-area{height:50%}.message{max-width:85%}}.track-post-page{margin:0 auto;max-width:1200px;padding:32px}.page-header{margin-bottom:32px}.page-header h1{align-items:center;color:#111827;display:flex;font-size:28px;gap:12px;margin-bottom:8px}.page-header p{color:#6b7280;font-size:15px}.submit-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:32px;padding:24px}.submit-section h2{color:#111827;font-size:20px;margin-bottom:8px}.helper-text{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px;padding:12px}.submit-form{max-width:600px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.form-group small{display:block;font-size:12px;margin-top:4px}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn-submit{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background .2s}.btn-submit:hover{background:#4f46e5}.btn-submit:disabled{background:#a5b4fc;cursor:not-allowed}.success-message{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46}.error-message,.success-message{align-items:center;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px}.error-message{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b}.submissions-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.submissions-section h2{color:#111827;font-size:20px;margin-bottom:20px}.loading{padding:60px 20px;text-align:center}.empty-state,.loading{color:#9ca3af}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state p{color:#6b7280;font-size:16px;font-weight:500;margin-bottom:4px}.empty-state small{color:#9ca3af;font-size:14px}.submissions-list{display:flex;flex-direction:column;gap:16px}.submission-card{border:1px solid #e5e7eb;border-radius:8px;transition:box-shadow .2s}.submission-card:hover{box-shadow:0 2px 8px #00000014}.submission-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.submission-title{flex:1 1}.submission-title h3{color:#111827;font-size:16px;margin-bottom:8px}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 12px;text-transform:capitalize}.status-icon{flex-shrink:0}.status-icon.approved{color:#10b981}.status-icon.rejected{color:#ef4444}.status-icon.pending{color:#f59e0b}.view-post-btn{align-items:center;background:#f3f4f6;border-radius:6px;color:#374151;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:background .2s}.view-post-btn:hover{background:#e5e7eb}.submission-caption{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:12px}.submission-meta{color:#9ca3af;display:flex;font-size:13px;gap:16px}.submission-feedback{background:#f9fafb;border-left:3px solid #6366f1;border-radius:4px;font-size:14px;margin-top:12px;padding:12px}.submission-feedback strong{color:#374151;display:block;margin-bottom:4px}@media (max-width:768px){.track-post-page{padding:16px}.form-row{grid-template-columns:1fr}.submission-header{flex-direction:column;gap:12px}.view-post-btn{align-self:flex-start}}.referral-links-page{margin:0 auto;max-width:1100px}.referral-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.referral-header h1{align-items:center;color:#1e293b;display:flex;font-size:1.6rem;gap:10px;margin:0 0 4px}.referral-header p{color:#64748b;font-size:.95rem;margin:0}.btn-create{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s;white-space:nowrap}.btn-create:hover{background:#4f46e5}.referral-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;text-align:center}.summary-label{color:#64748b;font-size:.8rem;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.summary-value{color:#1e293b;font-size:1.8rem;font-weight:700}.create-form-card{background:#fff;border:2px solid #e0e7ff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:24px}.create-form-card h3{color:#1e293b;font-size:1.1rem;margin:0 0 20px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{color:#374151;font-size:.85rem;font-weight:600}.form-group input,.form-group select{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:.9rem;padding:10px 12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group small{color:#9ca3af;font-size:.78rem}.code-input-wrapper{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.code-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.code-prefix{color:#9ca3af;font-family:monospace;font-size:.8rem;padding:10px 4px 10px 12px;white-space:nowrap}.code-input-wrapper input{background:#0000;border:none;flex:1 1;font-family:monospace;min-width:0;padding:10px 12px 10px 0}.code-input-wrapper input:focus{box-shadow:none;outline:none}.form-actions{align-items:center;display:flex;gap:12px}.btn-primary{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:background .2s}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{background:#c7d2fe;cursor:not-allowed}.form-error{color:#ef4444;font-size:.85rem}.links-list{display:flex;flex-direction:column;gap:12px}.link-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;transition:box-shadow .2s}.link-card:hover{box-shadow:0 4px 12px #0000001a}.link-card.link-inactive{opacity:.65}.link-card-main{align-items:center;display:flex;gap:20px;padding:16px 20px}.link-info{flex:1 1;min-width:0}.link-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.link-name{margin:0}.edit-name-input,.link-name{color:#1e293b;font-size:1rem;font-weight:600}.edit-name-input{border:1px solid #6366f1;border-radius:4px;padding:4px 8px}.badge-inactive{background:#fef2f2;color:#ef4444;text-transform:uppercase}.badge-campaign,.badge-inactive{border-radius:10px;font-size:.7rem;font-weight:600;padding:2px 8px}.badge-campaign{background:#eff6ff;color:#3b82f6}.link-url-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.link-url{background:#f1f5f9;border-radius:6px;color:#6366f1;font-family:SF Mono,Fira Code,monospace;font-size:.82rem;padding:4px 10px;word-break:break-all}.btn-copy{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.78rem;gap:4px;padding:4px 10px;transition:all .2s;white-space:nowrap}.btn-copy:hover{border-color:#6366f1;color:#6366f1}.btn-copy.copied{background:#f0fdf4;border-color:#10b981;color:#10b981}.link-destination{color:#64748b;font-size:.82rem}.link-destination .dest-url{align-items:center;display:flex;gap:4px}.link-destination.no-dest{color:#f59e0b;font-size:.8rem}.edit-url-input{border:1px solid #6366f1;border-radius:4px;font-size:.82rem;max-width:400px;padding:4px 8px;width:100%}.link-stats{display:flex;flex-shrink:0;gap:20px}.stat-item{min-width:60px;text-align:center}.stat-number{color:#1e293b;display:block;font-size:1.2rem;font-weight:700}.stat-label{color:#9ca3af;display:block;font-size:.7rem;letter-spacing:.03em;text-transform:uppercase}.link-actions{display:flex;flex-shrink:0;gap:4px}.btn-icon{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#e2e8f0;color:#1e293b}.btn-icon.btn-delete:hover{background:#fef2f2;color:#ef4444}.btn-icon.btn-deactivate:hover{background:#fef3c7;color:#f59e0b}.btn-icon.btn-activate:hover,.btn-icon.btn-save{background:#f0fdf4;color:#10b981}.btn-icon.btn-save:hover{background:#dcfce7}.btn-icon.btn-cancel{background:#fef2f2;color:#ef4444}.btn-icon.btn-cancel:hover{background:#fee2e2}.link-stats-panel{background:#fafbfc;border-top:1px solid #f1f5f9;padding:20px}.link-stats-panel h4{align-items:center;color:#374151;display:flex;font-size:.95rem;gap:6px;margin:0 0 16px}.click-chart{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.chart-bars{align-items:flex-end;display:flex;gap:3px;height:120px;padding:0 4px}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.chart-bar{background:linear-gradient(0deg,#6366f1,#a5b4fc);border-radius:3px 3px 0 0;max-width:20px;position:relative;transition:height .3s;width:100%}.chart-bar:hover{background:linear-gradient(0deg,#4f46e5,#818cf8)}.chart-tooltip{background:#1e293b;border-radius:4px;color:#fff;display:none;font-size:.7rem;left:50%;padding:2px 6px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.chart-bar:hover .chart-tooltip{display:block}.chart-label{color:#9ca3af;font-size:.6rem;margin-top:4px}.stats-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stats-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.stats-detail-card h5{align-items:center;color:#374151;display:flex;font-size:.85rem;gap:6px;margin:0 0 12px}.device-list,.referrer-list{display:flex;flex-direction:column;gap:8px}.device-row,.referrer-row{align-items:center;display:flex;font-size:.85rem;gap:8px}.device-icon{color:#6366f1;display:flex}.device-name,.referrer-url{color:#374151;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-count,.referrer-count{color:#6366f1;font-size:.85rem;font-weight:600}.no-data{color:#9ca3af;font-size:.85rem;font-style:italic;margin:0}.empty-state{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:60px 20px;text-align:center}.empty-state h3{color:#1e293b;margin:16px 0 8px}.empty-state p{color:#64748b;margin:0 0 20px}@media (max-width:900px){.referral-summary{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.link-card-main{align-items:flex-start;flex-direction:column}.link-stats{gap:24px;justify-content:flex-start;width:100%}.link-actions{justify-content:flex-end;width:100%}.stats-detail-grid{grid-template-columns:1fr}}@media (max-width:600px){.referral-summary{grid-template-columns:1fr 1fr}.referral-header{flex-direction:column}.btn-create{justify-content:center;width:100%}.link-url-row{align-items:flex-start;flex-direction:column}}.admin-page{margin:0 auto;max-width:1400px;padding:24px}.admin-header{margin-bottom:24px}.admin-header h1{align-items:center;color:#111827;display:flex;font-size:1.75rem;font-weight:700;gap:12px;margin:0 0 4px}.admin-header p{color:#6b7280;font-size:14px;margin:0}.admin-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto}.admin-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s;white-space:nowrap}.admin-tab:hover{color:#6366f1}.admin-tab.active{border-bottom-color:#6366f1;color:#6366f1}.admin-tab .tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 7px;text-align:center}.admin-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.admin-stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:14px;padding:20px}.admin-stat-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.admin-stat-val{color:#111827;font-size:24px;font-weight:700}.admin-stat-lbl{color:#6b7280;font-size:13px}.admin-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-card-header h2{color:#111827;font-size:18px;margin:0}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f3f4f6;font-size:14px;padding:10px 12px;text-align:left}.admin-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.admin-table td{color:#374151}.admin-table tr:hover{background:#f9fafb}.badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.badge-admin{background:#ede9fe;color:#6d28d9}.badge-manager{background:#dbeafe;color:#1e40af}.badge-ambassador{background:#d1fae5;color:#065f46}.badge-stakeholder{background:#fef3c7;color:#92400e}.badge-active{background:#d1fae5;color:#065f46}.badge-suspended{background:#fee2e2;color:#991b1b}.badge-inactive{background:#f3f4f6;color:#6b7280}.badge-bronze{background:#fed7aa;color:#9a3412}.badge-silver{background:#e5e7eb;color:#374151}.badge-gold{background:#fef3c7;color:#92400e}.badge-platinum{background:#e0e7ff;color:#4338ca}.badge-approved{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.admin-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:4px 8px}.admin-select:focus{border-color:#6366f1;outline:none}.admin-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.admin-btn-approve{background:#d1fae5;color:#065f46}.admin-btn-approve:hover{background:#a7f3d0}.admin-btn-reject{background:#fee2e2;color:#991b1b}.admin-btn-reject:hover{background:#fecaca}.admin-btn-primary{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px}.admin-btn-primary:hover{background:#4f46e5}.admin-btn-primary:disabled{background:#a5b4fc;cursor:not-allowed}.admin-btn-danger{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.admin-btn-danger:hover{background:#fecaca}.admin-btn-edit{background:#e0e7ff;border:none;border-radius:6px;color:#4338ca;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.admin-btn-edit:hover{background:#c7d2fe}.admin-actions{display:flex;gap:6px}.submission-card{align-items:flex-start;background:#f9fafb;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding:16px}.submission-info h4{color:#111827;font-size:15px;margin:0 0 4px}.submission-info .sub-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.sub-campaign-badge{background:#e0e7ff;border-radius:10px;color:#4338ca;font-size:11px;font-weight:600;padding:2px 8px}.submission-info .sub-url{color:#6366f1;font-size:13px;margin-top:6px;word-break:break-all}.submission-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.points-input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:5px 8px;text-align:center;width:70px}.points-input:focus{border-color:#6366f1;outline:none}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.admin-modal{background:#fff;border-radius:16px;max-height:85vh;max-width:520px;overflow-y:auto;padding:32px;width:100%}.admin-modal h2{color:#111827;font-size:20px;margin-bottom:24px}.admin-form-group{margin-bottom:18px}.admin-form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:5px}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:9px 12px;width:100%}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.admin-form-group textarea{min-height:80px;resize:vertical}.admin-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.admin-form-check{align-items:center;display:flex;gap:8px}.admin-form-check input[type=checkbox]{width:auto}.admin-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.admin-empty,.admin-loading{color:#6b7280;padding:40px;text-align:center}@media (max-width:768px){.admin-stats{grid-template-columns:1fr 1fr}.admin-table{font-size:13px}.admin-table td,.admin-table th{padding:8px 6px}.submission-card{flex-direction:column}.admin-form-row{grid-template-columns:1fr}}.pending-banner{background:#fffbeb;border-left:4px solid #f59e0b;margin-bottom:20px}.pending-banner .admin-card-header h2{color:#92400e}.pending-users-list{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.pending-user-row{align-items:center;background:#fff;border:1px solid #fde68a;border-radius:8px;display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.pending-user-info{align-items:center;display:flex;flex:1 1;gap:12px}.pending-user-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:38px;justify-content:center;width:38px}.pending-user-actions{display:flex;flex-shrink:0;gap:8px}.redemption-filters{border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.filter-chip{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .15s}.filter-chip:hover{border-color:#6366f1;color:#6366f1}.filter-chip.active{background:#6366f1;border-color:#6366f1;color:#fff}.redemption-card{border-bottom:1px solid #f3f4f6;padding:16px 20px}.redemption-card:last-child{border-bottom:none}.redemption-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.redemption-header h4{color:#111827;font-size:15px;margin:0 0 4px}.redemption-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.redemption-user{align-items:center;display:flex;gap:8px}.redemption-meta{color:#6b7280;display:flex;font-size:13px;gap:16px}.redemption-shipping{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:12px;margin-bottom:8px;padding:6px 10px}.redemption-actions{display:flex;gap:8px;margin-top:10px}.badge-pending{background:#fef3c7;color:#92400e}.badge-processing{background:#dbeafe;color:#1e40af}.badge-shipped{background:#e0e7ff;color:#4338ca}.badge-delivered{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}@media (max-width:768px){.pending-user-row{align-items:flex-start;flex-direction:column}.pending-user-info{width:100%}.pending-user-actions{justify-content:flex-end;width:100%}.redemption-details{align-items:flex-start;flex-direction:column;gap:4px}.redemption-actions{flex-wrap:wrap}.redemption-filters{overflow-x:auto}}.bulk-actions-bar{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 20px}.bulk-actions-bar span{color:#4338ca;font-size:14px;font-weight:600}.row-selected{background:#f5f3ff!important}.admin-btn-export{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 14px;transition:all .15s}.admin-btn-export:hover{border-color:#6366f1;color:#6366f1}.broadcast-success{background:#d1fae5;color:#065f46}.broadcast-error,.broadcast-success{border-radius:8px;font-weight:500;margin-top:16px;padding:12px 16px}.broadcast-error{background:#fee2e2;color:#991b1b}.activity-feed{max-height:600px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 20px;transition:background .1s}.activity-item:hover{background:#f9fafb}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:2px;width:32px}.activity-content{flex:1 1;min-width:0}.activity-msg{color:#111827;font-size:14px;line-height:1.4}.activity-detail{color:#6b7280;font-size:12px;margin-top:2px}.activity-time{color:#9ca3af;flex-shrink:0;font-size:12px;white-space:nowrap}@media (max-width:900px){.admin-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:4px}.admin-tab{flex-shrink:0;white-space:nowrap}.bulk-actions-bar{align-items:flex-start;flex-direction:column}}.settings-container{display:flex;flex-direction:column;gap:28px}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.settings-section-title{border-bottom:2px solid #f3f4f6;color:#111827;font-size:16px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.settings-field{gap:6px}.settings-field,.settings-label{display:flex;flex-direction:column}.settings-label{color:#374151;font-size:13px;font-weight:600;gap:2px}.settings-desc{color:#9ca3af;font-size:11px;font-weight:400}.settings-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.settings-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.settings-toggle{cursor:pointer;height:26px;position:relative;width:48px}.settings-toggle input{height:0;opacity:0;width:0}.settings-toggle-slider{background:#d1d5db;border-radius:26px;inset:0;position:absolute;transition:background .25s}.settings-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .25s;width:20px}.settings-toggle input:checked+.settings-toggle-slider{background:#6366f1}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(22px)}.settings-save-bar{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 0;position:-webkit-sticky;position:sticky}.charts-container{display:flex;flex-direction:column;gap:24px}.chart-card{overflow:hidden}.chart-bar-container{align-items:flex-end;display:flex;gap:4px;min-height:180px;overflow-x:auto;padding:20px 16px 12px}.chart-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:24px}.chart-bar-col.dual{gap:2px}.chart-bar-pair{align-items:flex-end;display:flex;gap:2px}.chart-bar{border-radius:4px 4px 0 0;min-height:2px;min-width:8px;transition:height .3s ease}.chart-bar-value{color:#6b7280;font-size:10px;font-weight:600;margin-bottom:4px}.chart-bar-label{color:#9ca3af;font-size:9px;margin-top:6px;white-space:nowrap}.chart-legend{display:flex;gap:16px}.chart-legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.chart-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.chart-horizontal{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.chart-h-row{align-items:center;display:flex;gap:12px}.chart-h-label{color:#374151;flex-shrink:0;font-size:13px;font-weight:500;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:120px}.chart-h-bar-wrap{background:#f3f4f6;border-radius:8px;flex:1 1;height:28px;overflow:hidden}.chart-h-bar{align-items:center;border-radius:8px;display:flex;height:100%;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content;padding-right:10px;transition:width .4s ease}.chart-h-bar span{color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px #0003;white-space:nowrap}.chart-tier-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:20px}.chart-tier-card{background:#f9fafb;border-left:4px solid #6b7280;border-radius:10px;padding:16px}.chart-tier-name{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:4px;text-transform:capitalize}.chart-tier-count{color:#111827;font-size:28px;font-weight:800;margin-bottom:8px}.chart-tier-bar-wrap{background:#e5e7eb;border-radius:6px;height:8px;margin-bottom:4px;overflow:hidden}.chart-tier-bar{border-radius:6px;height:100%;transition:width .4s ease}.chart-tier-pct{color:#9ca3af;font-size:12px;font-weight:500}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.chart-h-label{font-size:11px;width:80px}}.media-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.media-file-input{font-size:14px}.media-upload-preview{color:#6b7280;font-size:13px;margin-top:12px}.media-progress-bar{background:#e5e7eb;border-radius:6px;height:6px;margin-top:12px;overflow:hidden}.media-progress-bar div{background:#6366f1;height:100%;transition:width .3s}.media-uploaded-url{font-size:13px;margin-top:8px;word-break:break-all}.media-breadcrumbs{color:#6b7280;font-size:14px}.media-breadcrumbs button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:14px;padding:0}.media-breadcrumbs button:hover{text-decoration:underline}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{background:#1f2937;color:#fff;display:flex;flex-direction:column;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.sidebar-header h1{color:var(--primary-color);font-size:20px;font-weight:700}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-nav a{align-items:center;color:#9ca3af;display:flex;gap:12px;padding:12px 20px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#ffffff0d;color:#fff}.sidebar-nav a.active{background:var(--primary-color);border-left:4px solid #fff;color:#fff}.nav-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.logout-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s;width:100%}.logout-btn:hover{background:#ffffff0d;color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-bar{background:#fff;border-bottom:1px solid var(--border-color);gap:16px;justify-content:flex-end;padding:16px 32px}.top-bar,.top-bar-actions{align-items:center;display:flex}.top-bar-actions{gap:8px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--primary-color);border-radius:50%;color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-tier{color:var(--text-secondary);font-size:12px;text-transform:uppercase}.content{flex:1 1;overflow-y:auto;padding:32px}.notification-wrapper{position:relative}.notification-bell{align-items:center;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s}.notification-bell:hover{background:#f3f4f6;color:var(--text-primary)}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 5px;position:absolute;right:-4px;text-align:center;top:-4px}.notification-dropdown{background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;margin-top:8px;max-height:480px;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:1000}.notif-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px}.notif-header h3{color:var(--text-primary);font-size:16px;font-weight:600}.notif-header-actions{align-items:center;display:flex;gap:8px}.notif-mark-all{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.notif-mark-all:hover{background:#e0e7ff}.notif-close{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:4px}.notif-close:hover{background:#f3f4f6}.notif-list{max-height:400px;overflow-y:auto}.notif-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px}.notif-empty p{font-size:14px}.notif-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.notif-item:hover{background:#f9fafb}.notif-item:last-child{border-bottom:none}.notif-unread{background:#eff6ff}.notif-unread:hover{background:#dbeafe}.notif-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notif-content{flex:1 1;min-width:0}.notif-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.notif-message{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{color:#9ca3af;font-size:11px;margin-top:4px}.notif-delete{background:none;border:none;border-radius:4px;color:#d1d5db;cursor:pointer;flex-shrink:0;opacity:0;padding:4px;transition:opacity .15s,color .15s}.notif-item:hover .notif-delete{opacity:1}.notif-delete:hover{background:#fef2f2;color:#ef4444}
/*# sourceMappingURL=main.4a6ca2fc.css.map*/