html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-muted: #fafbfc;--color-border: #dde1e6;--color-border-strong: #c4cad2;--color-text: #1c2126;--color-text-secondary: #5b6470;--color-text-muted: #8a93a0;--color-text-on-accent: #ffffff;--color-accent: #2456b3;--color-accent-hover: #1c4491;--color-accent-muted: #e8effa;--color-success: #1a7a4c;--color-success-bg: #e5f4ec;--color-warning: #94660a;--color-warning-bg: #fbf1de;--color-danger: #b3261e;--color-danger-bg: #fbe9e8;--color-info: #2456b3;--color-info-bg: #e8effa;--color-neutral: #5b6470;--color-neutral-bg: #eceff2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--radius-sm: 3px;--radius-md: 5px;--border-width: 1px;--sidebar-width: 220px;--header-height: 52px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:500;padding:6px 12px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;line-height:1.3}.btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-text-muted)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-danger{background:var(--color-surface);border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn-sm{padding:3px 9px;font-size:var(--font-size-xs)}input[type=text],input[type=search],select{font-family:inherit;font-size:var(--font-size-sm);padding:6px 9px;border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}input[type=text]:focus,input[type=search]:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:-1px;border-color:var(--color-accent)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);background:var(--color-surface)}.data-table th{text-align:left;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-secondary);background:var(--color-surface-muted);border-bottom:var(--border-width) solid var(--color-border);padding:8px 10px;white-space:nowrap}.data-table td{padding:7px 10px;border-bottom:var(--border-width) solid var(--color-border);vertical-align:top}.data-table tbody tr:hover{background:var(--color-surface-muted)}.data-table-wrap{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;background:var(--color-surface)}