@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-body:#f0f2f5;--bg-sidebar:#fff;--bg-card:#fff;--bg-main:#f0f2f5;--bg-hover:#f5f7fa;--bg-active:#e8f4f0;--bg-input:#f5f7fa;--brand-green:#1e3932;--brand-lime:#d2e823;--brand-accent:#1e3932;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#fff;--status-green:#22c55e;--status-blue:#3b82f6;--status-amber:#f59e0b;--status-red:#ef4444;--status-purple:#8b5cf6;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--sidebar-width:260px;--topbar-height:60px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes splashLoad{0%{width:0%}60%{width:70%}to{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.splash-container{height:100vh;color:var(--text-primary);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .5s;animation:.5s fadeIn;display:flex}.splash-container.splash-fade-out{opacity:0}.splash-logos{align-items:center;gap:1.25rem;transition:transform .5s;display:flex}.splash-logos.shifted{transform:translateY(-2vh)}.splash-logo{object-fit:contain;max-width:none;height:72px}.splash-admin-icon{object-fit:contain;opacity:.85;width:64px;height:64px}.splash-loader{background:#e2e8f0;border-radius:10px;width:200px;height:3px;margin-top:.5rem;overflow:hidden}.splash-loader-bar{background:linear-gradient(90deg, var(--brand-green), var(--brand-lime));border-radius:10px;width:0%;height:100%;animation:2.5s forwards splashLoad}.splash-tagline{color:var(--text-muted);letter-spacing:2px;margin-top:.5rem;font-size:.8rem}.dashboard-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-light);z-index:10;flex-direction:column;padding:0;display:flex;overflow:hidden auto}.sidebar-brand{border-bottom:1px solid var(--border-light);align-items:center;gap:.6rem;padding:1.25rem 1.5rem;display:flex}.sidebar-brand-logo{object-fit:contain;height:36px}.sidebar-brand-icon{object-fit:contain;opacity:.7;width:28px;height:28px}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{color:var(--text-primary);letter-spacing:-.02em;font-size:.95rem;font-weight:700}.sidebar-brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:500}.sidebar-section{padding:1rem .75rem 0}.sidebar-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em;margin-bottom:.4rem;padding:0 .75rem;font-size:.68rem;font-weight:600}.sidebar-nav-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;margin-bottom:2px;padding:.6rem .75rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-active);color:var(--brand-green);font-weight:600}.sidebar-nav-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.sidebar-nav-item.active .sidebar-nav-icon{opacity:1}.sidebar-badge{background:var(--brand-green);color:var(--text-white);border-radius:10px;margin-left:auto;padding:2px 7px;font-size:.65rem;font-weight:700}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:auto;padding:1rem .75rem}.main-content{background:var(--bg-main);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.topbar-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.topbar-right{align-items:center;gap:1rem;display:flex}.topbar-date{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;padding:.45rem .9rem;font-family:inherit;font-size:.82rem;display:flex}.topbar-avatar{background:var(--brand-green);width:34px;height:34px;color:var(--text-white);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.content-scroll{flex:1;padding:1.5rem 2rem 2rem;overflow-y:auto}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;transition:box-shadow .2s,transform .2s;display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:500}.metric-value{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.2}.metric-change{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.metric-change.positive{color:var(--status-green)}.metric-change.negative{color:var(--status-red)}.charts-row{grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.chart-card-title{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;font-weight:600}.chart-card-subtitle{color:var(--text-muted);margin-top:-.5rem;margin-bottom:1rem;font-size:.78rem}.table-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.table-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.table-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.table-subtitle{color:var(--text-muted);font-size:.78rem}.table-actions{align-items:center;gap:.5rem;display:flex}.table-search{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.82rem;display:flex}.table-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:180px;font-family:inherit;font-size:.82rem}.table-search input::placeholder{color:var(--text-muted)}.data-table{border-collapse:collapse;width:100%}.data-table thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-light);background:var(--bg-hover);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:.72rem;font-weight:600;transition:color .15s}.data-table thead th:hover{color:var(--text-primary)}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .15s}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody td{color:var(--text-primary);vertical-align:middle;padding:.85rem 1rem;font-size:.85rem}.data-table .cell-muted{color:var(--text-secondary);font-size:.8rem}.data-table .cell-link{color:var(--status-blue);cursor:pointer;text-decoration:none}.data-table .cell-link:hover{text-decoration:underline}.status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.status-badge.new{color:#1d4ed8;background:#dbeafe}.status-badge.reviewed{color:#b45309;background:#fef3c7}.status-badge.contacted{color:#4338ca;background:#e0e7ff}.status-badge.enrolled{color:#15803d;background:#dcfce7}.status-badge.declined{color:#b91c1c;background:#fee2e2}.status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.online{background:var(--status-green);box-shadow:0 0 0 2px #22c55e33}.platform-badge{border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.platform-badge.facebook{color:#1877f2;background:#e7f0ff}.platform-badge.tiktok{color:#010101;background:#f0f0f0}.platform-badge.linkedin{color:#0a66c2;background:#e8f4f8}.platform-badge.instagram{color:#c13584;background:#fce7f3}.platform-badge.twitter{color:#1da1f2;background:#f0f9ff}.platform-badge.qr{color:#7c3aed;background:#f5f3ff}.platform-badge.manual{color:#166534;background:#f0fdf4}.platform-badge.direct{color:#854d0e;background:#fefce8}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-green);color:var(--text-white);border-color:var(--brand-green)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#152924;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium)}.btn-sm{padding:.35rem .75rem;font-size:.78rem}.btn-icon{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px #1e39321a}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:95%;max-width:600px;max-height:85vh;animation:.3s fadeInUp;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{font-size:1.05rem;font-weight:700}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.detail-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.detail-field{flex-direction:column;gap:.15rem;margin-bottom:1rem;display:flex}.detail-field-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.72rem;font-weight:600}.detail-field-value{color:var(--text-primary);font-size:.9rem;font-weight:500}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 2rem;display:grid}.activity-feed{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:.75rem;padding:.75rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-content{flex:1;min-width:0}.activity-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.activity-time{color:var(--text-muted);margin-top:2px;font-size:.72rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--text-muted);opacity:.4;margin-bottom:1rem}.empty-state-title{color:var(--text-secondary);margin-bottom:.3rem;font-size:1rem;font-weight:600}.empty-state-text{color:var(--text-muted);max-width:300px;font-size:.85rem}.link-preview{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);word-break:break-all;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Outfit,monospace;font-size:.82rem;display:flex}.link-preview-url{text-overflow:ellipsis;flex:1;overflow:hidden}.copy-btn{background:var(--brand-green);color:var(--text-white);border-radius:var(--radius-sm);cursor:pointer;border:none;flex-shrink:0;padding:.3rem .6rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:background .15s}.copy-btn:hover{background:#152924}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{display:none}.metrics-grid{grid-template-columns:1fr}.content-scroll{padding:1rem}}.tabs{border-bottom:1px solid var(--border-light);gap:0;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand-green);border-bottom-color:var(--brand-green);font-weight:600}.tooltip-wrapper{position:relative}.tooltip{background:var(--text-primary);color:var(--text-white);border-radius:var(--radius-sm);white-space:nowrap;z-index:20;padding:.35rem .65rem;font-size:.72rem;font-weight:500;animation:.15s fadeIn;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}