*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.5}.app{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem 0;position:relative}.header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.app-header h1{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.user-info{align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.user-name{color:#374151;font-weight:500}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:#111827}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.tab-btn:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}main{max-width:1400px;margin:0 auto;padding:1.5rem}h3{margin:1.5rem 0 .75rem;font-size:1rem;font-weight:600}.tab-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.date-picker{color:#374151;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.date-picker input[type=date]{color:#111827;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .5rem;font-size:.8125rem}.date-range-picker{align-items:center;gap:1rem;display:flex}.data-note{color:#6b7280;margin:0;font-size:.75rem}.data-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin:.5rem 0;padding:.5rem .75rem;font-size:.8125rem}.sparkline-cell{justify-content:flex-end;align-items:center;gap:6px;width:100%;display:inline-flex}.roster-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:1rem;padding:.625rem 1rem;font-size:.8125rem}.roster-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.roster-status{color:#374151}.roster-meta{color:#6b7280}.roster-actions{gap:.5rem;display:flex}.anonymize-bar{align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.anonymize-toggle{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;display:flex}.anonymize-toggle input[type=checkbox]{accent-color:#2563eb}.anonymize-theme{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.roster-error{color:#dc2626;margin:.5rem 0 0;font-size:.75rem}.meta-cell{align-items:center;display:inline-flex}.meta-dot-slot{text-align:center;flex-shrink:0;width:12px;display:inline-block}.meta-dot{color:#2563eb;cursor:help;font-size:.5rem;line-height:1}.meta-dot:hover{color:#1d4ed8}.stats-row{gap:1rem;margin-bottom:1.5rem;display:flex}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:140px;padding:1rem 1.25rem}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.stat-value{color:#111827;margin-top:.25rem;font-size:1.5rem;font-weight:700}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1rem .5rem}.chart-card h3{margin:0 0 .75rem}.data-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.row-count{color:#6b7280;font-size:.8125rem}.table-toolbar-actions{align-items:center;gap:.5rem;display:flex}.table-filter{color:#111827;border:1px solid #d1d5db;border-radius:6px;width:180px;padding:.25rem .625rem;font-size:.8125rem}.table-filter:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;transition:background .15s}.btn:hover{background:#f3f4f6}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:#fff}.btn:focus-visible,.date-picker input[type=date]:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.btn-sm{padding:.25rem .625rem;font-size:.75rem}.table-scroll{max-height:75vh;overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8125rem}thead th{z-index:2;background:#f9fafb;position:sticky;top:0}th:first-child,td:first-child{z-index:1;position:sticky;left:0}td:first-child{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb}tr:hover td:first-child{background:#f9fafbf2}thead th:first-child{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f9fafbf2}th{text-align:left;color:#374151;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e5e7eb;padding:.625rem .75rem;font-weight:600}th:hover{background:#f3f4f6}th:focus-visible{outline-offset:-2px;outline:2px solid #2563eb}.sort-arrow{color:#2563eb}td{color:#111827;white-space:nowrap;background:#fff;border-bottom:1px solid #f3f4f6;padding:.5rem .75rem}tr:hover td{background:#f9fafb}td:first-child,thead th:first-child{box-shadow:2px 0 4px -2px #00000014}.empty-row{text-align:center;color:#9ca3af;padding:2rem}.table-pagination{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.page-info{color:#6b7280;font-size:.8125rem}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.loading-spinner-container{justify-content:center;padding:3rem;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-screen{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:400px;padding:2.5rem}.login-card h1{color:#111827;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.login-card p{color:#6b7280;margin:0 0 1.5rem;font-size:.875rem}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0 0 1rem;padding:.5rem .75rem;font-size:.8125rem}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:background .15s}.login-btn:hover{background:#1d4ed8}.anonymize-hint{color:#9ca3af;margin-left:.25rem;font-size:.75rem;font-style:italic}.sharing-toggle{color:#374151;cursor:pointer;align-items:center;gap:.375rem;margin-left:1rem;font-size:.8125rem;display:inline-flex}.sharing-hint{color:#9ca3af;margin-left:.25rem;font-size:.75rem;font-style:italic}@media (width<=768px){main{padding:1rem}.stats-row{flex-direction:column}.tab-header{flex-direction:column;align-items:flex-start}.date-range-picker{flex-direction:column;gap:.5rem}.app-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff);width:2rem;height:42px;position:absolute;bottom:0;right:0}}