:root{--brand-teal:#22a8c8;--brand-orange:#f86f2d;--brand-navy:#062539;--brand-text:#34383c;--gray-50:#fdfdfd;--gray-100:#efefef;--gray-200:#e7e7e8;--gray-300:#c7c7c7;--gray-500:#9a9a9a;--gray-600:#757575;--gray-700:#4a4a4a;--warning:#f59e0b;--radius:8px;--shadow-sm:0 1px 2px #0000000d;--font-heading:"Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--brand-text);background:var(--gray-50);line-height:1.6}.app{grid-template-rows:60px 1fr;grid-template-columns:200px 1fr;min-height:100vh;display:grid}.app-header{border-bottom:2px solid var(--brand-teal);background:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;box-shadow:0 2px 8px #0625391a}.header-branding{align-items:center;gap:.75rem;display:flex}.header-logo{width:auto;height:36px}.app-header h1{font-family:var(--font-heading);color:var(--brand-navy);font-size:1.25rem;font-weight:700}.admin-info{color:var(--gray-600);font-size:.875rem}.app-nav{border-right:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;grid-row:2;padding:1.5rem 0}.app-nav ul{list-style:none}.app-nav button{text-align:left;cursor:pointer;width:100%;color:var(--gray-700);background:0 0;border:none;border-left:3px solid #0000;padding:.75rem 1.5rem;font-size:.875rem;transition:all .2s;display:block}.app-nav button:hover{color:var(--brand-orange);background:#fff3ec}.app-nav button.active{color:var(--brand-teal);border-left-color:var(--brand-teal);background:#e8f6fa;font-weight:600}.app-content{grid-area:2/2;padding:2rem;overflow-y:auto}h2{font-family:var(--font-heading);color:var(--brand-navy);margin-bottom:.5rem;font-size:1.875rem;font-weight:700}h3{font-family:var(--font-heading);color:var(--brand-navy);margin-top:1.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.subtitle{color:var(--gray-600);margin-bottom:2rem;font-size:.95rem}.note{border-left:4px solid var(--warning);border-radius:var(--radius);background:#fef3c7;margin-top:1rem;padding:1rem;font-size:.875rem}.table-browser,.user-lookup,.dashboard{margin-top:1.5rem}.search-section{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.status-badge{background:var(--gray-200);color:var(--gray-700);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.status-confirmed{color:#166534;background:#dcfce7}.status-badge.status-pending_delete{color:#92400e;background:#fef3c7}.search-input{border:1px solid var(--gray-300);border-radius:var(--radius);width:100%;max-width:400px;padding:.75rem;font-size:.95rem}.tables-list,.table-detail{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);background:#fff;margin-bottom:2rem;padding:1.5rem}.tables-table,.data-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.875rem}.tables-table th,.data-table th{background:var(--gray-50);text-align:left;border-bottom:2px solid var(--gray-200);color:var(--gray-700);padding:.75rem;font-weight:600}.tables-table td,.data-table td{border-bottom:1px solid var(--gray-200);padding:.75rem}.tables-table tbody tr:hover{background:var(--gray-50)}.tables-table tbody tr.selected{background:#e8f6fa;font-weight:600}.mono{color:var(--gray-600);font-family:Courier New,monospace;font-size:.8rem}.browse-btn,.next-btn{background:var(--brand-teal);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.4rem .9rem;font-size:.8rem;transition:background .2s}.browse-btn:hover,.next-btn:hover:not(:disabled){background:var(--brand-orange)}.next-btn:disabled{background:var(--gray-300);cursor:not-allowed}.table-info{background:var(--gray-50);border-radius:var(--radius);gap:2rem;margin-bottom:1rem;padding:1rem;font-size:.875rem;display:flex}.pagination-info{color:var(--gray-600);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;display:flex}.actions{gap:.75rem;display:flex}.reports-page{padding:0}.reports-page section.table-detail,.reports-page section.active-users-widget{margin-bottom:1.5rem}.reports-section-header{font-family:var(--font-heading);color:var(--brand-navy);margin:2rem 0 1rem}.reports-section-header:first-of-type{margin-top:0}.collapsible-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.collapsible-toggle{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.6rem;margin:0;padding:0;display:flex}.collapsible-toggle h3{margin:0}.collapse-caret{width:.75em;color:var(--brand-teal);flex-shrink:0;font-size:.85em}.collapsible-section>.note:first-of-type{margin-top:.75rem}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-tile{border:1px solid var(--gray-200);border-top:3px solid var(--brand-teal);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:1.25rem}.stat-value{font-family:var(--font-heading);color:var(--brand-navy);font-size:2rem;font-weight:700;line-height:1.2}.stat-label{color:var(--gray-600);margin-top:.25rem;font-size:.85rem}.active-users-widget{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1.5rem;padding:1.5rem}.metrics-header{justify-content:space-between;align-items:center;display:flex}.metrics-header h3{margin:0}.timeframe-selector{border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--brand-text);background:#fff;padding:.4rem .75rem;font-size:.85rem}.csv-download-btn{border:1px solid var(--brand-teal);border-radius:var(--radius);color:var(--brand-teal);cursor:pointer;background:#fff;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.85rem;display:inline-block}.csv-download-btn:hover{background:var(--brand-teal);color:#fff}.active-users-widget .metric-value{font-family:var(--font-heading);color:var(--brand-navy);margin-top:.75rem;font-size:2.5rem;font-weight:700}.metric-definition{color:var(--gray-600);margin-top:.25rem;font-size:.85rem}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.chart-card{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:1.5rem}.chart-card h3{margin-top:0}.chart-canvas-wrap{height:260px;position:relative}.export-section{margin-top:1.5rem}.export-review{margin-top:0}.export-table-section{margin-top:1.5rem}.export-table-section h4{margin-bottom:.5rem}.export-table-scroll{overflow-x:auto}.email-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);margin-top:1rem;padding:1rem;font-size:.875rem}.email-preview pre{white-space:pre-wrap;word-break:break-word;margin-top:.75rem;font-family:Courier New,monospace;font-size:.8rem}.result-banner{border-radius:var(--radius);margin-top:1rem;padding:1rem;font-size:.875rem}.result-banner-success{color:#166534;background:#dcfce7;border-left:4px solid #166534}.result-banner-info{border-left:4px solid var(--brand-teal);color:var(--brand-navy);background:#e8f6fa}@media (width<=768px){.app{grid-template-rows:60px auto 1fr;grid-template-columns:1fr}.app-nav{border-right:none;border-bottom:1px solid var(--gray-200);grid-area:2/1;padding:0;display:flex}.app-nav ul{width:100%;display:flex}.app-nav button{border-bottom:3px solid #0000;border-left:none;flex:1;padding:.75rem .5rem;font-size:.75rem}.app-nav button.active{border-bottom-color:var(--brand-teal);border-left-color:#0000}.app-content{grid-area:3/1}}