.al-page{height:calc(100vh - 64px - (var(--space-xl) * 2));flex-direction:column;min-height:0;display:flex}.al-tab-bar{border-bottom:1px solid var(--border);background:var(--bg-base);flex-shrink:0;display:flex}.al-tab{padding:14px var(--space-lg);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:color var(--transition), border-color var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.al-tab:hover{color:var(--text-primary)}.al-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.al-pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.al-toolbar{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border);background:var(--bg-base);flex-shrink:0;display:flex;position:relative}.al-date-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;display:flex}.al-date-btn:hover{border-color:var(--accent)}.al-date-btn svg{width:14px;height:14px;stroke:var(--text-muted);stroke-width:2px;fill:none;flex-shrink:0}.al-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition);outline:none;padding:6px 12px}.al-select:focus{border-color:var(--accent)}.al-table-wrap{flex:1;overflow-y:auto}.al-table-wrap::-webkit-scrollbar{width:4px}.al-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.al-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.al-table thead{z-index:10;background:var(--bg-surface);position:sticky;top:0}.al-table th{text-align:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--accent);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 20px}.al-table td{vertical-align:middle;color:var(--text-primary);text-align:center;border-bottom:1px solid #ffffff0a;padding:14px 20px}.al-table td:first-child{color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;font-family:Consolas,monospace}.al-role-badge{width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.al-role-badge--SO{background:var(--badge-role-so-bg);color:var(--badge-role-so-fg)}.al-role-badge--AO{background:var(--badge-role-ao-bg);color:var(--badge-role-ao-fg)}.al-type-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:default;border-radius:99px;padding:4px 14px;display:inline-block}.al-type-badge--account{background:var(--badge-account-bg);color:var(--badge-account-fg)}.al-type-badge--company{background:var(--badge-company-bg);color:var(--badge-company-fg)}.al-type-badge--factory{background:var(--badge-factory-bg);color:var(--badge-factory-fg)}.al-type-badge--dataset{background:var(--badge-dataset-bg);color:var(--badge-dataset-fg)}.al-type-badge--model{background:var(--badge-model-bg);color:var(--badge-model-fg)}.al-type-badge--review{background:var(--badge-review-bg);color:var(--badge-review-fg)}.al-type-badge--deploy{background:var(--badge-deploy-bg);color:var(--badge-deploy-fg)}.al-type-badge--default{background:var(--bg-elevated);color:var(--text-muted)}.al-sysalert-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;cursor:default;border-radius:99px;padding:4px 14px;display:inline-block}.al-sysalert-badge--critical{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.al-sysalert-badge--warning{background:color-mix(in srgb, var(--warning) 16%, transparent);color:var(--warning)}.al-sysalert-badge--info{background:var(--bg-elevated);color:var(--text-muted)}.al-empty{justify-content:center;align-items:center;gap:var(--space-sm);padding:60px var(--space-xl);color:var(--text-muted);flex-direction:column;display:flex}.al-empty svg{stroke:currentColor;stroke-width:1.5px;fill:none;opacity:.3;width:36px;height:36px}.al-empty p{font-size:var(--text-sm);opacity:.5}.al-empty--error{color:var(--danger)}.al-empty--error svg{opacity:.6}.al-empty--error p{opacity:.9}.al-calendar-overlay{z-index:500;background:0 0;position:fixed;inset:0}.al-date-anchor{display:inline-flex;position:relative}.al-calendar-backdrop{z-index:499;background:0 0;position:fixed;inset:0}.al-date-anchor>.al-calendar{z-index:500;position:absolute;top:100%;left:0}.al-calendar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;padding:var(--space-md);margin-top:6px;position:absolute;top:100%;overflow:hidden;box-shadow:0 8px 32px #00000080}.al-cal-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.al-cal-month{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary)}.al-cal-nav{border-radius:var(--radius-sm);border:1px solid var(--border);width:28px;height:28px;color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:background var(--transition), border-color var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.al-cal-nav:hover{background:var(--bg-elevated);border-color:var(--accent)}.al-cal-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-bottom:var(--space-sm)}.al-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.al-cal-dow{text-align:center;color:var(--text-muted);padding:4px 0;font-size:10px}.al-cal-days{margin-bottom:var(--space-md);grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.al-cal-day{text-align:center;font-size:var(--text-xs);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), color var(--transition);padding:6px 2px}.al-cal-day:hover{background:var(--bg-elevated)}.al-cal-day--empty{pointer-events:none}.al-cal-day--selected{background:var(--accent);color:var(--bg-base);font-weight:var(--weight-bold)}.al-cal-day--today{color:var(--accent);font-weight:var(--weight-bold)}.al-cal-day--in-range{background:#ffffff14;border-radius:0}.al-cal-footer{justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);display:flex}.al-pagination{margin-top:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex}.al-page-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.al-page-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.al-page-btn:disabled{opacity:.3;cursor:default}.al-page-numbers{flex-wrap:nowrap;justify-content:center;align-items:center;gap:2px;display:flex}.al-page-num{border-radius:var(--radius-sm);min-width:22px;height:22px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:0 4px}.al-page-num:hover{background:var(--bg-elevated);color:var(--text-primary)}.al-page-num--active{background:var(--accent);color:var(--bg-base);font-weight:600}
