:root{--page: #F5F4EF;--surface: #FFFFFF;--surface-subtle: #EFEFE8;--surface-hover: #E7E7DF;--border: #D8DBD1;--border-strong: #B0B5A7;--text: #242822;--text-muted: #5F655B;--text-inverse: #FFFFFF;--accent: #4A6046;--accent-hover: #3B4D38;--accent-soft: #E6ECE4;--accent-border: #9CB297;--success: #375E3D;--success-bg: #E7EFE7;--success-border: #A6C8AB;--warning: #7D5514;--warning-bg: #F7EEDC;--warning-border: #DDC395;--danger: #96352E;--danger-bg: #F9E8E6;--danger-border: #DCABA7;--data-ir: #3E5A3A;--data-red: #944C3F;--data-bpm: #96352E;--focus-ring: #4A6046;--focus-offset: 2px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:auto}body{font-family:var(--font-family);background-color:var(--page);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 1px 2px #00000008}.card-subtle{background-color:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:inherit;border:1px solid var(--border);background-color:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background-color:var(--surface-subtle);border-color:var(--border-strong)}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--focus-offset)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-sm{padding:4px 8px;font-size:12px;line-height:1.3}.btn-danger{background-color:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background-color:#f2d5d2;border-color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;line-height:1.4;white-space:nowrap}.badge-online{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-demo{background-color:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.badge-stale,.badge-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-offline,.badge-danger{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-neutral{background-color:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border)}.data-table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{padding:8px 12px;background-color:var(--surface-subtle);color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background-color:#faf9f5}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-8)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#24282280;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-6);box-shadow:0 4px 12px #00000014}@keyframes optical-pulse-tick{0%{transform:scale(1)}25%{transform:scale(1.22);color:var(--danger)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-tick{display:inline-block;animation:optical-pulse-tick .6s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pulse-tick{animation:none;transform:none}}@media(max-width:768px){.main-content{padding:var(--space-3) var(--space-3) var(--space-6)}.card{padding:var(--space-3)}}