*,*:before,*:after{box-sizing:border-box}:root{--sidebar-width: 248px;--sidebar-bg: #0f172a;--sidebar-hover: #1e293b;--sidebar-active: #1e293b;--sidebar-border: #1e293b;--sidebar-text: #94a3b8;--sidebar-text-hover: #f1f5f9;--sidebar-text-active: #ffffff;--accent: #6366f1;--accent-light: #eef2ff;--accent-text: #4f46e5;--main-bg: #f8fafc;--card-bg: #ffffff;--card-border: #e2e8f0;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .07), 0 1px 2px -1px rgb(0 0 0 / .07);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--badge-active-bg: #dcfce7;--badge-active-text: #15803d;--badge-inactive-bg: #f1f5f9;--badge-inactive-text: #64748b;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body{height:100%;margin:0;font-family:var(--font);-webkit-font-smoothing:antialiased}body{background:var(--main-bg);color:var(--text-primary)}.table-toolbar{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;padding:14px 16px}.search-box,.filter-box{align-items:center;background:var(--main-bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:8px;padding:7px 10px}.search-box{flex:1 1 280px;min-width:240px}.filter-box{flex:0 0 auto;width:260px}.filter-box--narrow{width:210px}.filter-box--status{width:180px}.toolbar-icon{color:var(--text-muted);flex-shrink:0}.search-input,.filter-select{background:transparent;border:none;color:var(--text-primary);flex:1;font-family:var(--font);font-size:13.5px;min-width:0;outline:none}.search-input::placeholder{color:var(--text-muted)}.filter-select{appearance:none;cursor:pointer}.select-chevron{color:var(--text-muted);flex-shrink:0;pointer-events:none}.sort-btn{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;letter-spacing:inherit;padding:0;text-align:left;text-transform:inherit;white-space:nowrap}.sort-btn:hover .sort-indicator{color:var(--text-primary)}.sort-indicator{color:var(--text-muted);font-size:12px;line-height:1;min-width:12px}.sort-indicator--active{color:var(--accent-text)}@media(max-width:900px){.table-toolbar{background:var(--card-bg);display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px}.search-box,.filter-box,.filter-box--narrow,.filter-box--status{flex:none;min-width:0;width:100%}.search-box{grid-column:1/-1;min-width:0;padding:8px 10px}.filter-box:not(.filter-box--narrow):not(.filter-box--status){grid-column:1/-1}.filter-box,.filter-box--narrow,.filter-box--status{padding:8px 10px}.toolbar-icon{display:none}.search-input,.filter-select{font-size:13px}.mobile-card-list{background:var(--main-bg);overflow:visible;padding:12px}.mobile-card-list .table,.mobile-card-list .table tbody{display:block;width:100%}.mobile-card-list .table{border-collapse:separate;border-spacing:0}.mobile-card-list .table thead{display:none}.mobile-card-list .table tbody tr.data-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);display:grid!important;gap:10px 12px;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:14px}.mobile-card-list .table tbody tr.data-row:last-child{margin-bottom:0}.mobile-card-list .table tbody tr.data-row:hover td{background:transparent}.mobile-card-list .table tbody tr.data-row>td{align-items:flex-start;border-bottom:none!important;display:flex!important;flex-direction:column;gap:4px;justify-content:flex-start;min-width:0;padding:0!important;word-break:break-word}.mobile-card-list .table tbody tr.data-row>td:before{color:var(--text-muted);content:attr(data-label);font-size:10.5px;font-weight:600;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.mobile-card-list .table tbody tr.data-row>td:not([data-label]):before,.mobile-card-list .table tbody tr.data-row>td[data-label=""]:before{content:none;display:none}.mobile-card-list .table tbody tr.data-row>td.card-field--primary,.mobile-card-list .table tbody tr.data-row>td.card-field--meta,.mobile-card-list .table tbody tr.data-row>td:not(.card-field--half):not(.card-field--actions):not(.card-field--primary):not(.card-field--meta){grid-column:1/-1}.mobile-card-list .table tbody tr.data-row>td.card-field--primary{border-bottom:1px solid var(--border)!important;gap:0;padding-bottom:10px!important}.mobile-card-list .table tbody tr.data-row>td.card-field--primary:before{display:none}.mobile-card-list .table tbody tr.data-row>td.card-field--half{grid-column:span 1}.mobile-card-list .table tbody tr.data-row>td.card-field--actions{align-items:flex-end;border-top:1px solid var(--border)!important;grid-column:1/-1;margin-top:2px;padding-top:10px!important}.mobile-card-list .table tbody tr.state-row{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);display:block;padding:0}.mobile-card-list .table tbody tr.state-row>td{display:block!important;padding:0!important}.mobile-card-list .table tbody tr.state-row>td:before{display:none}.mobile-card-list .user-name,.mobile-card-list .company-name,.mobile-card-list .user-link,.mobile-card-list .admin-name,.mobile-card-list .admin-email,.mobile-card-list .message-content,.mobile-card-list .reason-text,.mobile-card-list .user-email{overflow:visible;text-overflow:unset;white-space:normal}.mobile-card-list .user-cell,.mobile-card-list .company-cell,.mobile-card-list .admin-cell,.mobile-card-list .message-cell,.mobile-card-list .roles-cell,.mobile-card-list .user-info{min-width:0;width:100%}.mobile-card-list .user-name,.mobile-card-list .company-name,.mobile-card-list .user-link{font-size:14.5px;font-weight:600;line-height:1.3}.mobile-card-list .card-field--meta{color:var(--text-secondary);font-size:13px}.mobile-card-list .badge,.mobile-card-list .count-badge,.mobile-card-list .role-chip,.mobile-card-list .source-badge{align-self:flex-start;flex:0 0 auto;max-width:100%;width:fit-content}.mobile-card-list .roles-cell{flex-wrap:wrap;gap:4px}.mobile-card-list .action-btn{flex:0 0 auto}.card:has(.mobile-card-list){background:transparent;border:none;box-shadow:none;overflow:visible}.card:has(.mobile-card-list) .table-toolbar{border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);margin-bottom:10px}.card:has(.mobile-card-list) .mobile-card-list{padding:0}}
