*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-accent: #7f77dd;--color-accent-dark: #534ab7;--color-accent-light: rgba(127, 119, 221, .12);--color-success: #1d9e75;--color-danger: #e24b4a;--color-warning: #ef9f27;--color-info: #3b82f6;--color-background-tertiary: #f0f0f4;--color-background-primary: #ffffff;--color-background-secondary: #f7f7f9;--color-background-hover: #ebebf0;--color-text-primary: #1a1a2e;--color-text-secondary: #555566;--color-text-tertiary: #9999aa;--color-text-inverse: #ffffff;--color-border-primary: #ccccdd;--color-border-secondary: #ddddee;--color-border-tertiary: #ebebf0;--color-btn-primary-bg: #7f77dd;--color-btn-primary-text: #ffffff;--color-btn-secondary-bg: #ffffff;--color-btn-secondary-text: #1a1a2e;--color-btn-secondary-border: #ddddee;--color-btn-danger-bg: #e24b4a;--color-btn-danger-text: #ffffff;--color-input-bg: #f7f7f9;--color-input-border: #ddddee;--color-input-text: #1a1a2e;--color-input-placeholder: #9999aa;--color-input-focus-border: #7f77dd;--color-sidebar-bg: #ffffff;--color-sidebar-border: #ebebf0;--color-nav-active: #eeedfe;--color-nav-active-border: #7f77dd;--color-nav-active-text: #534ab7;--color-nav-text: #555566;--color-table-header: #f7f7f9;--color-table-row-hover: #f7f7f9;--color-table-border: #ebebf0;--color-badge-active-bg: #e1f5ee;--color-badge-active-text: #085041;--color-badge-inactive-bg: #fee2e2;--color-badge-inactive-text: #991b1b;--color-shadow: rgba(0, 0, 0, .06);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}body{background:var(--color-background-tertiary);color:var(--color-text-primary);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased}input,textarea,select{background:var(--color-input-bg);border:.5px solid var(--color-input-border);color:var(--color-input-text);font-family:var(--font-sans)}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-input-focus-border);box-shadow:0 0 0 2px #7f77dd26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.btn-primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;border-radius:var(--border-radius-md);padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:.5px solid var(--color-btn-secondary-border);border-radius:var(--border-radius-md);padding:8px 16px;font-size:13px;cursor:pointer}.btn-secondary:hover{background:var(--color-background-secondary)}.btn-danger{background:var(--color-btn-danger-bg);color:var(--color-btn-danger-text);border:none;border-radius:var(--border-radius-md);padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer}.inp{background:var(--color-input-bg);border:.5px solid var(--color-input-border);color:var(--color-input-text);border-radius:var(--border-radius-md);padding:8px 11px;font-size:13px;width:100%;outline:none}.inp:focus{border-color:var(--color-input-focus-border);box-shadow:0 0 0 2px #7f77dd26}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-lg);padding:20px 24px}.badge-active{background:var(--color-badge-active-bg);color:var(--color-badge-active-text);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--border-radius-full)}.badge-inactive{background:var(--color-badge-inactive-bg);color:var(--color-badge-inactive-text);font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--border-radius-full)}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--color-text-primary);background:var(--color-background-tertiary);-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}input[type=number]::-webkit-inner-spin-button{opacity:1}