*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #c41230;--color-primary-dark: #9e0e24;--color-success: #107c10;--color-warning: #d83b01;--color-error: #a80000;--color-bg: #f5f0e8;--color-surface: #ffffff;--color-border: #e0d9ce;--color-text: #1a1a2e;--color-text-muted: #5a5a6e;--color-sidebar-bg: #1a2a5e;--color-sidebar-text: #ffffff;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08)}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-success{background:#dff6dd;color:var(--color-success)}.badge-warning{background:#fed9cc;color:var(--color-warning)}.badge-error{background:#fde7e9;color:var(--color-error)}.badge-neutral{background:var(--color-border);color:var(--color-text-muted)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--color-text-muted)}.error-message{padding:16px;background:#fde7e9;border:1px solid #f1c6c8;border-radius:var(--radius-sm);color:var(--color-error);font-size:.875rem}.data-grid{width:100%;border-collapse:collapse;font-size:.875rem}.data-grid th{text-align:left;padding:10px 16px;background:var(--color-bg);border-bottom:2px solid var(--color-border);font-weight:600;color:var(--color-text-muted)}.data-grid td{padding:10px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-grid tr:hover td{background:#f9f8f7}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.form-label{font-size:.875rem;font-weight:600}.form-input,.form-select{padding:7px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0078d426}
