:root{--color-main: #1c1c1c;--color-alert: #f66f66;--color-success: #265d62;--color-border-default: #dfdfdf;--color-border-active: #00c8dc;--color-background: #ffffff;--color-text-muted: #666666;--color-text-light: #999999;--color-hover-light: #f8f9fa;--color-error-bg: #fee;--color-error-border: #fcc;--color-error-text: #721c24;--font-primary: "IBM Plex Sans", sans-serif;--font-mono: "DM Mono", monospace;--font-ui: "IBM Plex Sans", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-padding: 6px 12px;--radius-sm: 2px;--radius-default: 4px;--radius-lg: 8px;--border-radius: 4px;--transition-speed: .2s;--transition-timing: ease;--transition-duration: .2s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 999;--z-modal: 1000;--z-tooltip: 1100}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--color-main);background:var(--color-background);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}*:focus-visible{outline:2px solid var(--color-border-active);outline-offset:2px}.mainContent{padding:2rem}
