: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;--yubi-blue-dark: hsl(214 42% 18%);--yubi-blue-medium: hsl(214 35% 35%);--yubi-blue-light: hsl(215 40% 65%);--yubi-coral: hsl(10 85% 65%);--yubi-coral-light: hsl(10 75% 75%);--yubi-background: hsl(210 25% 98%);--yubi-card: hsl(0 0% 100%);--yubi-border: hsl(215 20% 88%);--yubi-text: hsl(215 25% 15%);--yubi-text-muted: hsl(215 15% 45%);--gradient-primary: linear-gradient(135deg, hsl(214 42% 18%), hsl(214 35% 35%));--gradient-hero: linear-gradient(135deg, hsl(214 42% 18%) 0%, hsl(214 35% 35%) 50%, hsl(215 40% 65%) 100%);--gradient-coral: linear-gradient(135deg, hsl(10 85% 65%), hsl(10 75% 75%));--shadow-yubi: 0 10px 30px -5px hsl(214 42% 18% / .15);--shadow-coral: 0 8px 25px -5px hsl(10 85% 65% / .25)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}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}}*{margin:0;padding:0;box-sizing:border-box}:root{--yubi-background: hsl(210 25% 98%);--yubi-border: hsl(215 20% 88%);--yubi-text: hsl(214 42% 18%);--yubi-text-muted: hsl(215 15% 45%);--yubi-coral: hsl(10 85% 65%);--gradient-coral: linear-gradient(135deg, hsl(10 85% 65%), hsl(10 75% 75%));--shadow-coral: 0 8px 25px -5px hsl(10 85% 65% / .25)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#1a1a1a;background:#fff}#root{width:100%;min-height:100vh}.ant-layout{background:#fff;width:100%}.ant-layout-header{line-height:64px;height:64px;width:100%;background:#fff;border-bottom:1px solid #e5e7eb}.ant-layout-content{background:#fff;width:100%;max-width:100%}.ant-layout-footer{padding:24px 50px;color:#6b7280;width:100%;background:#fff;border-top:1px solid #e5e7eb}.ant-card{border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb;width:100%;background:#fff}.ant-card-head{border-bottom:1px solid #e5e7eb;background:#f9fafb}.ant-upload-drag{border:2px dashed #d1d5db;border-radius:12px;transition:all .3s ease;width:100%;background:#fff}.ant-upload-drag:hover,.ant-upload-drag.ant-upload-drag-hover{border-color:#dc2626;background:#fef2f2}.ant-btn-primary{background:#dc2626;border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;border-radius:8px;font-weight:500}.ant-btn-primary:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ant-btn-primary:active{transform:translateY(0)}.ant-btn-primary:disabled{background:#d1d5db!important;color:#6b7280!important;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ant-switch{background:#d1d5db}.ant-switch-checked{background:#dc2626}.ant-alert{border-radius:12px;border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ant-alert-success{background:#f0fdf4;border-left:4px solid #16a34a}.ant-alert-error{background:#fef2f2;border-left:4px solid #dc2626}.ant-tag{border-radius:8px;font-weight:500}.ant-progress{margin:0}.ant-descriptions-bordered .ant-descriptions-item-label{background:#f9fafb;font-weight:500}.ant-statistic-title{font-size:12px;color:#6b7280;margin-bottom:4px}.ant-statistic-content{font-size:16px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ant-btn:focus,.ant-switch:focus,.ant-upload:focus{outline:2px solid #dc2626;outline-offset:2px}.ant-spin-dot{font-size:20px}.ant-spin-text{margin-top:8px;color:#6b7280}.ant-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,.ant-typography h6{color:#1a1a1a;font-weight:600}.ant-typography p{color:#374151;line-height:1.6}.ant-space{gap:8px!important}.ant-space-vertical{gap:16px!important}.ant-divider{margin:24px 0;border-color:#e5e7eb}.ant-alert-message{font-weight:500}.ant-alert-description{margin-top:4px;color:#374151}.ant-upload-text{font-size:16px;font-weight:500;color:#1a1a1a}.ant-upload-hint{font-size:14px;color:#6b7280}.ant-btn-group .ant-btn{border-radius:0}.ant-btn-group .ant-btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.ant-btn-group .ant-btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.ant-tag-blue{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.ant-tag-green{background:#f0fdf4;border-color:#86efac;color:#16a34a}.ant-tag-orange{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.ant-tag-purple{background:#faf5ff;border-color:#c4b5fd;color:#7c3aed}.ant-tag-red{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.ant-progress-bg{background:#dc2626}.ant-descriptions-bordered .ant-descriptions-item{border-color:#e5e7eb}.ant-descriptions-bordered .ant-descriptions-item-label{background:#f9fafb;font-weight:500;color:#1a1a1a}.ant-statistic-content-value{color:#1a1a1a;font-weight:600}.ant-statistic-content-prefix,.ant-statistic-content-suffix{color:#6b7280}@media (max-width: 768px){.ant-layout-content{padding:16px!important}.ant-layout-header{padding:0 16px}.ant-layout-footer{padding:16px}.ant-card{margin-bottom:16px}.ant-upload-drag{padding:20px 10px!important}.ant-descriptions-bordered .ant-descriptions-item{padding:8px 12px}.ant-card-head-title{font-size:14px}.ant-typography h1{font-size:24px}.ant-typography h2{font-size:20px}}@media (max-width: 576px){.ant-layout-content{padding:12px!important}.ant-card{padding:12px}.ant-upload-drag{padding:16px 8px!important}.ant-btn{width:100%;margin-bottom:8px}}.ant-btn-primary:hover{background:linear-gradient(135deg,#ef9f8f,#f2735a)!important;transform:translateY(-1px);box-shadow:0 12px 30px -5px #f2735a4d!important}.ant-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px #1b2b4133!important;transition:all .3s ease}.gradient-text{background:linear-gradient(135deg,#1b2b41,#3a5578);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coral-accent{color:#f2735a}.yubi-shadow{box-shadow:0 10px 30px -5px #1b2b4126}.coral-shadow{box-shadow:0 8px 25px -5px #f2735a40}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e7eaef;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1b2b41,#3a5578);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3a5578,#1b2b41)}