*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9fafc;line-height:1.6;color:#0f172a}.page{min-height:100vh;padding:32px}.page-dashboard{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#17c3b2,#ffcb77);padding:20px 24px;border-radius:16px;color:#0b2a34;box-shadow:0 10px 30px #17c3b22e}.header-left{display:flex;align-items:center;gap:12px}.logo-img{height:36px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.08em;color:#0b2a34;opacity:.75}.page-title{font-size:28px;margin:2px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.page-body{display:flex;flex-direction:column;gap:24px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px #0f172a0d}.stat-number{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:4px}.stat-label{font-size:13px;color:#475569}.stat-subtitle{font-size:12px;color:#94a3b8}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 10px 30px #0f172a0d;display:flex;flex-direction:column;gap:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header h3{margin:0;font-size:18px}.subtext{font-size:12px;color:#94a3b8}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.three-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.table-wrapper{overflow-x:auto}.grid-3.nav-cards{margin-top:8px}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 12px 30px #0000000f;border:1px solid #e2e8f0;width:100%;overflow:hidden}.nav-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title{font-size:16px;font-weight:700;color:#0f172a}.card-desc{font-size:13px;color:#475569;margin-top:6px}.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#17c3b2,#ffcb77);color:#0b2a34;text-decoration:none;font-weight:700;transition:transform .15s ease,box-shadow .15s ease;border:none}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #15c4b340}.btn-secondary{background:#f58f2c;color:#fff}.ghost-link{font-size:13px;color:#0f172a;opacity:.8}.ghost-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fffa;color:#0b2a34;cursor:pointer;transition:all .15s ease}.ghost-btn:hover{background:#fff;box-shadow:0 8px 20px #00000012}.pill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:12px;background:#15c4b329;color:#0b2a34}.pill-muted{background:#0f172a14;color:#0f172a}.claims-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.claims-table.compact th,.claims-table.compact td{padding:10px 12px}.claims-table th,.claims-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.claims-table th{background-color:#f8fafc;font-weight:600;color:#0f172a}.claims-table tr:hover{background-color:#f8fafc}.claims-table .business-name{font-weight:600;color:#0f172a}.claims-table .claimer-info{font-size:12px;color:#6b7280}.layout-main{display:grid;grid-template-columns:var(--nav-width, 240px) 1fr;gap:16px}.side-nav{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 10px 30px #0f172a0d;position:sticky;top:16px;height:fit-content;transition:width .2s ease,padding .2s ease}.side-nav.collapsed{width:72px;padding:12px}.side-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:#0f172a}.ghost-btn.sm{padding:6px 10px;font-size:12px}.side-nav-links{display:flex;flex-direction:column;gap:8px}.side-link{padding:10px 12px;border-radius:12px;color:#0f172a;background:#f8fafc;border:1px solid transparent;display:flex;align-items:center;gap:10px;text-decoration:none}.side-link:hover{border-color:#17c3b2;background:#fff;box-shadow:0 6px 18px #15c4b31f}.side-link.active{border-color:#17c3b2;background:linear-gradient(135deg,#17c3b2,#ffcb77);color:#0b2a34;font-weight:700}.side-nav.collapsed .side-link{text-align:center;padding:10px 8px;justify-content:center}.side-nav.collapsed .side-link:after,.side-nav.collapsed .side-nav-header span{display:none}.side-nav.collapsed .ghost-btn.sm{width:100%;text-align:center}.side-nav.collapsed .link-text{display:none}.link-icon{font-size:16px}.page-content{display:flex;flex-direction:column;gap:24px}.icon-btn{font-size:16px;line-height:1;padding:8px 10px;min-width:36px;text-align:center}.chart-card h3{margin-bottom:12px}.chart-fixed{width:100%;min-height:260px}.chart-fixed-slim{width:100%;min-height:200px}.grid-1{display:grid;grid-template-columns:1fr;gap:16px}.line-chart{width:100%;height:220px;display:grid;grid-template-columns:auto 1fr;gap:8px}.line-chart-viewport{flex:1;display:flex;flex-direction:column;position:relative;min-height:0;overflow:hidden}.line-chart-viewport svg{flex:1;min-height:0}.line-chart-yaxis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#475569;min-width:40px;padding-right:6px}.line-chart-axis{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));font-size:11px;color:#475569;text-align:center}.bar-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;align-items:end;width:100%;min-height:200px}.bar-chart.paired{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.bar-item{display:flex;flex-direction:column;align-items:center;gap:6px}.bar-item.duo{gap:4px}.bar-fill{width:100%;max-width:60px;background:linear-gradient(180deg,#17c3b2,#ffcb77);border-radius:8px 8px 4px 4px;min-height:16px}.bar-fill.sessions{background:linear-gradient(180deg,#15c4b3,#fe6d73)}.bar-fill.alt{background:linear-gradient(180deg,#6b7280,#cbd5e1)}.bar-label{font-size:12px;color:#475569}.bar-value{font-size:12px;color:#0f172a;font-weight:600}.empty-chart{width:100%;text-align:center;color:#94a3b8;font-size:14px;padding:20px 0}.chart-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:6px}.modal-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(960px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.metric-label{font-size:12px;color:#475569;margin-bottom:4px}.metric-value{font-weight:700;color:#0f172a}.user-cell{display:flex;align-items:center;gap:10px}.avatar-sm{width:28px;height:28px;border-radius:50%}.category-badge{background:linear-gradient(135deg,#d36d0e,#b85a0a);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.review-btn{background:linear-gradient(135deg,#13a294,#0f8a7e);color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s ease;display:inline-block}.review-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #13a2944d}.info-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #13A294;border-radius:12px;padding:30px;margin:30px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.info-item{display:flex;flex-direction:column}.info-label{font-weight:600;color:#13a294;margin-bottom:5px;font-size:14px}.info-value{color:#666;font-size:16px;word-break:break-word}.full-width{grid-column:1 / -1}.document-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #D36D0E;border-radius:12px;padding:30px;margin:30px 0}.document-title{font-size:20px;font-weight:600;color:#d36d0e;margin-bottom:20px;text-align:center}.document-link{display:inline-block;background:linear-gradient(135deg,#d36d0e,#b85a0a);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:16px;margin:10px 0;transition:all .3s ease;box-shadow:0 4px 15px #d36d0e4d}.document-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d36d0e66}.action-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #28a745;border-radius:12px;padding:30px;margin:30px 0}.action-title{font-size:20px;font-weight:600;color:#28a745;margin-bottom:20px;text-align:center}.action-buttons{display:flex;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.approve-btn{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.approve-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.approve-btn:disabled{opacity:.6;cursor:not-allowed}.reject-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc35454d}.reject-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.reject-btn:disabled{opacity:.6;cursor:not-allowed}.rejection-form{display:block;margin-top:20px;padding:20px;background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;color:#dc3545;margin-bottom:8px}.form-textarea{width:100%;padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px}.form-textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.submit-reject-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.submit-reject-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #dc354566}.event-form{max-width:800px;margin:0 auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-input,.form-select{width:100%;padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:14px;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:#13a294;box-shadow:0 0 0 .2rem #13a29440}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.alert{padding:15px;margin:20px 0;border-radius:8px;border:1px solid}.alert-success{background:#d4edda;color:#155724;border-color:#c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.error-message{padding:20px;background:#f8d7da;color:#721c24;border-radius:8px;margin:20px 0;text-align:center}.no-claims{text-align:center;padding:60px 20px;color:#666}.no-claims-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-claims-title{font-size:24px;font-weight:600;color:#13a294;margin-bottom:10px}.no-claims-message{font-size:16px;color:#666}.flagged-posts-list{display:flex;flex-direction:column;gap:24px}.flagged-post-card{border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff}.flagged-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.flagged-post-author{display:flex;align-items:center}.flag-count-badge{background:#dc3545;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.flagged-post-content{margin-bottom:20px}.post-images{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.post-images img{border-radius:8px}.flagged-post-flags{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:16px}.flagged-post-flags h3{margin-bottom:12px;color:#13a294}.flag-item{padding:12px;background:#fff;border-radius:6px;margin-bottom:12px;border-left:3px solid #dc3545}.flag-header{display:flex;justify-content:space-between;margin-bottom:8px}.flag-title{font-weight:600;margin-bottom:4px}.flag-description{color:#666;font-size:14px}.flag-date{font-size:12px;color:#999}.flagged-post-actions{display:flex;justify-content:flex-end}.chart-fixed{width:420px;height:280px;margin:0 auto}.chart-fixed-slim{width:420px;height:180px;margin:0 auto}.spinner{border:4px solid #f3f3f3;border-top:4px solid #13A294;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width:768px){.container{margin:10px;border-radius:8px}.header,.content{padding:20px 15px}.title{font-size:24px}.stats-section,.info-grid,.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.approve-btn,.reject-btn{width:100%;max-width:300px}.claims-table{font-size:14px}.claims-table th,.claims-table td{padding:10px 8px}.chart-fixed,.chart-fixed-slim{width:100%;max-width:420px}}.competition-code{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:13px;color:#475569}.competition-running{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.competition-active{background:linear-gradient(135deg,#17c3b2,#0d9488);color:#fff}.status-badges{display:flex;gap:8px;flex-wrap:wrap}.rank-badge{font-size:18px}.leaderboard-top{background:linear-gradient(90deg,rgba(255,203,119,.1) 0%,transparent 100%)}.top-performers-list{display:flex;flex-direction:column;gap:12px}.top-performer-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:10px;transition:background .15s ease}.top-performer-item:hover{background:#f1f5f9}.performer-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#17c3b2,#ffcb77);color:#0b2a34;border-radius:50%;font-size:12px;font-weight:700}.performer-stat{margin-left:auto;font-weight:700;color:#0f172a}.action-buttons-inline{display:flex;gap:8px;align-items:center}.start-btn{padding:8px 14px;font-size:13px}.start-btn:disabled{opacity:.6;cursor:not-allowed}.activate-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:8px 14px;font-size:13px}.activate-btn:hover{box-shadow:0 10px 25px #22c55e40}.stop-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 14px;font-size:13px}.stop-btn:hover{box-shadow:0 10px 25px #ef444440}.activate-btn:disabled,.stop-btn:disabled{opacity:.6;cursor:not-allowed}.auto-enroll-on{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:8px 14px;font-size:13px}.auto-enroll-on:hover{box-shadow:0 10px 25px #8b5cf640}.auto-enroll-off{background:#f1f5f9;color:#475569;padding:8px 14px;font-size:13px;border:1px solid #e2e8f0}.auto-enroll-off:hover{background:#e2e8f0}.create-competition-form{display:flex;flex-direction:column;gap:16px}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#0f172a}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#17C3B2;cursor:pointer}.form-label{display:block;font-weight:600;color:#0f172a;margin-bottom:6px;font-size:14px}
