@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--wb-bg: #ffffff;--wb-surface: #f8fafc;--wb-ink: #1e293b;--wb-ink-muted: #64748b;--wb-primary: #3b82f6;--wb-primary-light: #60a5fa;--wb-accent: #10b981;--wb-accent-light: #34d399;--wb-border: #e2e8f0;--wb-shadow-soft: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--wb-shadow-medium: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--wb-shadow-large: 0 10px 25px rgba(0, 0, 0, .1);--wb-font-display: "Space Grotesk", "Inter", sans-serif;--wb-font-body: "Inter", "Space Grotesk", sans-serif;font-family:var(--wb-font-body);line-height:1.6;font-weight:400;color:var(--wb-ink);background:var(--wb-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--wb-bg)}a{color:var(--wb-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--wb-primary-light)}#root{min-height:100vh;background:var(--wb-bg)}.tenants-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.tenants-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:.75rem;padding:.75rem 1rem;background:var(--wb-surface);border-radius:.5rem;border:1px solid var(--wb-border);font-size:.875rem;font-weight:600;color:var(--wb-ink-muted)}.tenant-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:.75rem;padding:1rem;border-radius:.5rem;border:1px solid var(--wb-border);background:var(--wb-bg);cursor:pointer;transition:all .2s ease;position:relative}.tenant-row:hover{background:var(--wb-surface);border-color:var(--wb-primary);transform:translateY(-1px)}.tenant-row.selected{background:var(--wb-primary);border-color:var(--wb-primary);color:#fff}.tenant-cell{display:flex;align-items:center;padding:.5rem 0}.tenant-cell.primary{grid-column:span 2}.tenant-name{display:flex;flex-direction:column;gap:.25rem}.tenant-name strong{font-size:1rem;font-weight:600;color:var(--wb-ink)}.tenant-id{font-size:.75rem;color:var(--wb-ink-muted);font-family:var(--wb-font-display);background:var(--wb-surface);padding:.25rem .5rem;border-radius:.25rem}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background:var(--wb-accent);color:#fff}.status-badge.inactive{background:var(--wb-ink-muted);color:#fff}.status-badge.suspended{background:var(--wb-ink);color:#fff}.domain-cell{display:flex;align-items:center}.domain-info{display:flex;align-items:center;gap:.5rem}.domain-name{font-weight:500;color:var(--wb-ink)}.domain-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.domain-badge.custom{background:var(--wb-accent);color:#fff}.domain-badge.default{background:var(--wb-ink-muted);color:#fff}.activity-cell{display:flex;align-items:center}.activity-indicator{padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.activity-indicator.active{background:#10b981;color:#fff}.activity-indicator.inactive{background:var(--wb-ink-muted);color:#fff}.updated-cell{display:flex;align-items:center}.updated-time{font-size:.875rem;color:var(--wb-ink);font-family:var(--wb-font-display)}.actions-cell{display:flex;align-items:center;justify-content:flex-end}.action-buttons{display:flex;gap:.5rem}.action-button{padding:.5rem 1rem;border:1px solid var(--wb-border);border-radius:.375rem;background:var(--wb-bg);color:var(--wb-ink);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background:var(--wb-surface);border-color:var(--wb-primary);color:var(--wb-primary)}.action-button.primary{background:var(--wb-primary);border-color:var(--wb-primary);color:#fff}.action-button.primary:hover{background:var(--wb-primary-light);border-color:var(--wb-primary-light)}.tenant-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--wb-border)}.create-tenant-form{max-width:600px;margin:0 auto}.create-tenant-form h3{margin-bottom:1.5rem;color:var(--wb-ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:var(--wb-ink)}.form-grid input,.form-grid textarea{padding:.75rem;border:1px solid var(--wb-border);border-radius:.375rem;background:var(--wb-bg);font-size:.875rem;transition:all .2s ease}.form-grid input:focus,.form-grid textarea:focus{outline:none;border-color:var(--wb-primary);box-shadow:0 0 0 3px #3b82f626}.form-grid .span-2{grid-column:span 2}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media(max-width:768px){.tenants-header{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.tenant-row{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.tenant-cell.primary{grid-column:span 1}.action-buttons,.domain-info{flex-direction:column;gap:.25rem}}