:root{--color-primary: #1a1a2e;--color-primary-hover: #252542;--color-surface: #fff;--color-background: #f8f9fa;--color-text: #212529;--color-text-muted: #6c757d;--color-border: #dee2e6;--color-error: #c62828;--color-success: #2e7d32;--color-link: #1565c0;--color-link-hover: #0d47a1;--color-status-new-bg: #e3f2fd;--color-status-new-text: #1565c0;--color-status-processing-bg: #fff3e0;--color-status-processing-text: #e65100;--color-status-sent-bg: #e8f5e9;--color-status-sent-text: #2e7d32;--color-status-failed-bg: #ffebee;--color-status-failed-text: #c62828;--color-status-dead-bg: #eceff1;--color-status-dead-text: #455a64;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--heading-1: 1.5rem;--heading-2: 1.25rem;--heading-3: 1.1rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 2px var(--color-primary)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-background);line-height:1.5}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1{font-size:var(--heading-1);margin:0 0 var(--space-md) 0;font-weight:600}h2{font-size:var(--heading-2);margin:0 0 var(--space-sm) 0;font-weight:600}h3{font-size:var(--heading-3);margin:0 0 var(--space-sm) 0;font-weight:600}button{font-family:inherit;font-size:var(--text-base);cursor:pointer}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.7;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:500;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#f1f3f4;border-color:#adb5bd}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.btn-secondary{background:var(--color-surface);border-color:var(--color-border)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#b71c1c;border-color:#b71c1c;color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--color-text)}.form-group .input,.form-group input,.form-group select,.form-group textarea{width:100%;max-width:400px;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.form-group .input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1a1a2e26}.form-group textarea{min-height:120px;resize:vertical}.form-group .field-hint,.form-group .hint{display:block;margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted)}.form-group .error-msg{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-xs)}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background:#f1f3f4;font-weight:600;font-size:var(--text-sm)}.table tbody tr:hover{background:#f8f9fa}.table tbody tr:last-child td{border-bottom:none}.table code{font-family:var(--font-mono);font-size:.85rem}.breadcrumb{margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb a{color:var(--color-link)}.breadcrumb span{color:var(--color-text-muted)}.breadcrumb .separator{margin:0 var(--space-xs)}.error-message{padding:var(--space-md);background:#ffebee;color:var(--color-error);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.muted{color:var(--color-text-muted);font-size:var(--text-sm)}.link-secondary{color:var(--color-text-muted)}.link-secondary:hover{color:var(--color-text)}