:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #ef4444;--header-bg: #1e293b;--text-primary: #1e293b;--bg-light: #f8fafc;--white: #ffffff;--border-radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--header-height: 50px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-light);color:var(--text-primary);line-height:1.4;-webkit-font-smoothing:antialiased;font-size:14px}h1,h2,h3,h4,h5,h6{text-transform:lowercase;line-height:1.2}h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:uppercase}h1{font-size:1.5rem;margin-bottom:var(--spacing-md)}h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}h3{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--white);color:var(--text-primary);border:1px solid #cbd5e1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-secondary:hover{background-color:#f1f5f9}.btn-danger-outline{background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-danger-outline:hover{background-color:var(--color-danger);color:#fff}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:.875rem}.form-input,.form-select{width:100%;padding:var(--spacing-sm);border:1px solid #cbd5e1;border-radius:var(--border-radius);font-size:.875rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}