:root{--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e4e7ec;--color-border-strong: #d0d5dd;--color-text: #101828;--color-text-muted: #667085;--color-text-subtle: #98a2b3;--color-primary: #175cd3;--color-primary-hover: #1849a9;--color-primary-surface: #eff4ff;--color-danger: #b42318;--color-danger-surface: #fef3f2;--color-success: #027a48;--color-success-surface: #ecfdf3;--color-warning: #b54708;--color-warning-surface: #fffaeb;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--transition-fast: .15s ease;--transition-base: .2s ease}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}table{border-collapse:collapse;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#eaecf0,#f2f4f7,#eaecf0);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:#eaecf0}}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel__header{padding:1.25rem 1.5rem 0}.panel__body{padding:1.25rem 1.5rem 1.5rem}.panel__title{margin:0;font-size:.9375rem;font-weight:600}.muted{color:var(--color-text-muted);font-size:.875rem}.error-text{color:var(--color-danger);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:hover:not(:disabled){background:var(--color-bg)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#912018;border-color:#912018}.btn--danger-outline{background:var(--color-danger-surface);border-color:#fecdca;color:var(--color-danger)}.btn--danger-outline:hover:not(:disabled){background:#fee4e2;border-color:#fda29b}.btn--success{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn--success:hover:not(:disabled){background:#05603a;border-color:#05603a}.btn--success-outline{background:var(--color-success-surface);border-color:#abefc6;color:var(--color-success)}.btn--success-outline:hover:not(:disabled){background:#d1fadf;border-color:#6ce9a6}.btn--sm{padding:.375rem .625rem;font-size:.8125rem}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-bg)}.data-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table th,.data-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-size:.875rem}.data-table th{font-weight:500;color:var(--color-text-muted);background:#fafbfc;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#fafbfc}.data-table tbody tr:last-child td{border-bottom:none}.data-table:has(.status-action-host--confirming),.data-table:has(.delete-action-host--confirming){overflow:visible}.data-table tbody tr:has(.status-action-host--confirming),.data-table tbody tr:has(.delete-action-host--confirming){position:relative;z-index:50}.data-table tbody tr:has(.status-action-host--confirming) td,.data-table tbody tr:has(.delete-action-host--confirming) td{position:relative;background-color:var(--color-surface)}.actions-panel:has(.status-action-host--confirming),.actions-panel:has(.delete-action-host--confirming){position:relative;z-index:50;overflow:visible}.actions-panel:has(.status-action-host--confirming) .panel__body,.actions-panel:has(.delete-action-host--confirming) .panel__body{overflow:visible}.actions-panel:has(.status-action-host--confirming) .status-action-host--confirming,.actions-panel:has(.delete-action-host--confirming) .delete-action-host--confirming{position:relative;z-index:2}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table-wrap .data-table{min-width:36rem}@media(max-width:40rem){.panel__header{padding:1rem 1rem 0}.panel__body{padding:1rem}.data-table th,.data-table td{padding:.625rem .75rem}.data-table--compact th,.data-table--compact td{padding:.5rem .75rem}}@media(max-width:30rem){.data-table-wrap .data-table--hide-users{min-width:28rem}.data-table--hide-users th:nth-child(5),.data-table--hide-users td:nth-child(5){display:none}}