:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%;margin:0;padding:0}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--primary-active: #096dd9;--success-color: #52c41a;--success-hover: #73d13d;--success-active: #389e0d;--warning-color: #faad14;--warning-hover: #ffc53d;--warning-active: #d48806;--error-color: #ff4d4f;--error-hover: #ff7875;--error-active: #d9363e;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--border-color: #d9d9d9;--background-color: #f5f5f5;--card-background: #ffffff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary)}.page-container{padding:var(--spacing-lg);background:var(--background-color);min-height:calc(100vh - 64px)}.page-header{margin-bottom:var(--spacing-lg)}.page-header h1{margin:0;font-size:28px;font-weight:600;color:var(--text-primary)}.common-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);background:var(--card-background);transition:all .3s ease}.common-card:hover{box-shadow:var(--shadow-lg)}.common-button{border-radius:var(--border-radius-md);font-weight:500;transition:all .3s ease}.common-button:hover{transform:translateY(-1px)}.common-button:active{transform:translateY(0)}.common-input{border-radius:var(--border-radius-md);border:1px solid var(--border-color);transition:all .3s ease}.common-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff1a}.common-input:hover{border-color:var(--primary-color)}.common-table{border-radius:var(--border-radius-md);overflow:hidden}.common-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:var(--text-primary)}.common-table .ant-table-tbody>tr:hover>td{background:var(--background-color)}.common-modal{border-radius:var(--border-radius-lg)}.common-modal .ant-modal-header{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;background:#fafafa}.common-modal .ant-modal-title{font-weight:600;color:var(--text-primary)}@media(max-width:768px){.page-container{padding:var(--spacing-md)}.page-header{margin-bottom:var(--spacing-md)}.page-header h1{font-size:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in-up{animation:slideInUp .6s ease-out}#root{margin:0;text-align:center;width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
