:root{--color-primary: #0f3d5c;--color-primary-hover: #0c2f47;--color-primary-soft: #e7edf2;--color-accent: #c9711c;--color-bg: #f3f5f7;--color-surface: #ffffff;--color-surface-sunken: #f7f8fa;--color-border: #d9dee3;--color-border-strong: #b9c0c8;--color-text: #1c2126;--color-text-muted: #5c6470;--color-text-faint: #889199;--color-success: #1b7a3d;--color-success-bg: #e7f5ec;--color-warning: #b3691a;--color-warning-bg: #fbf0e2;--color-danger: #b00020;--color-danger-bg: #fbe9ec;--color-info: #2563a8;--color-info-bg: #e8f1fa;--color-neutral-bg: #eef0f2;--header-height: 56px;--sidebar-width: 220px;--mobile-nav-height: 56px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(20, 26, 33, .06);--shadow-md: 0 4px 16px rgba(20, 26, 33, .1);--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .78rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.15rem;--font-size-xl: 1.4rem}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4{font-weight:600;color:var(--color-text);line-height:1.25;margin:0 0 var(--space-3) 0}p{margin:0 0 var(--space-3) 0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 4px;font-size:.9em}label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.5rem .65rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-faint)}button{font-family:inherit;font-size:var(--font-size-sm);font-weight:600;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}button:hover:not(:disabled){background:var(--color-primary-hover)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--color-text-faint);cursor:not-allowed}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);background:var(--color-surface)}th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);padding:var(--space-3) var(--space-2)}td{border-bottom:1px solid var(--color-border);padding:var(--space-2)}tbody tr:hover{background:var(--color-surface-sunken)}.fa-table-scroll{overflow-x:auto}.fa-tab{font-family:inherit;font-size:var(--font-size-sm);font-weight:400;padding:.4rem .8rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.fa-tab:hover:not(:disabled):not(.fa-tab-active){background:var(--color-surface-sunken);color:var(--color-text)}.fa-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.fa-tab-active{font-weight:700;background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}