@font-face{font-family:v-sans;font-weight:400;src:url(/chunithm-data-converter/assets/LatoLatin-Regular-Dmlz1U0B.woff2)}@font-face{font-family:v-sans;font-weight:600;src:url(/chunithm-data-converter/assets/LatoLatin-Semibold-Dbk81p2D.woff2)}:root{--bg-color:#f8fafc;--card-bg:#ffffffb3;--border-color:#ffffff80;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--primary-gradient:linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--primary-gradient-hover:linear-gradient(135deg, #8a73be 0%, #e2a9d2 100%);--primary-color:#a18cd1;--accent-glow:#a18cd133;--error-color:#d03050;--error-bg:#d030501a;--success-color:#18a058;--success-bg:#18a0581a;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--backdrop-blur:blur(20px);--card-shadow:0 8px 32px 0 #1f26870d;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#e0c3fc66 0,#0000 50%),radial-gradient(at 100% 0,#8ec5fc66 0,#0000 50%),radial-gradient(at 100% 100%,#e0c3fc66 0,#0000 50%),radial-gradient(at 0 100%,#8ec5fc66 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;padding:var(--spacing-4) var(--spacing-4);flex:1;margin:0 auto}header{-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);z-index:10;background-color:#ffffff80;position:sticky;top:0;box-shadow:0 4px 20px #00000005}.nav-container{max-width:1200px;padding:var(--spacing-3) var(--spacing-4);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;margin:0 auto;display:flex}.brand{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;text-decoration:none}.nav-links{gap:var(--spacing-2);display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background-color:#fff6}.nav-link.router-link-active{color:#fff;background:var(--primary-gradient);box-shadow:0 0 10px var(--accent-glow)}footer{text-align:center;padding:var(--spacing-6) var(--spacing-4);color:var(--text-muted);border-top:1px solid var(--border-color);-webkit-backdrop-filter:var(--backdrop-blur);background-color:#fff6;font-size:.875rem}footer a{color:var(--primary-color);text-decoration:none}footer a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-4);font-weight:700}p{margin-bottom:var(--spacing-4)}.card,.n-card{-webkit-backdrop-filter:var(--backdrop-blur);transition:transform .2s,box-shadow .2s,border-color .2s;background-color:var(--card-bg)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--card-shadow)!important}.card:hover,.n-card:hover{box-shadow:0 10px 25px -3px var(--accent-glow), 0 4px 10px -2px var(--accent-glow)!important;border-color:#fffc!important}.btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px 0 var(--accent-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background-color:#ffffff80}.btn-secondary:hover:not(:disabled){background-color:#fffc}.btn-block{width:100%}.text-center{text-align:center}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-6{margin-bottom:var(--spacing-6)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.error-message{color:var(--error-color);background-color:var(--error-bg);padding:var(--spacing-3);border-radius:var(--radius-sm);margin-top:var(--spacing-4);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid #d0305033;font-size:.875rem}.success-message{color:var(--success-color);background-color:var(--success-bg);padding:var(--spacing-4);border-radius:var(--radius-sm);margin-top:var(--spacing-4);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid #18a05833}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-8);text-align:center;cursor:pointer;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background-color:#ffffff4d;transition:all .2s}.dropzone:hover,.dropzone.drag-active{border-color:var(--primary-color);background-color:#fff9}.table-container{border-radius:var(--radius-md);background-color:var(--card-bg);width:100%;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color)}th{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:600}th:hover{color:var(--text-primary);background-color:#ffffff4d}tr:hover td{background-color:#fff6}.stats-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-card{background-color:var(--card-bg);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6) var(--spacing-4);text-align:center;box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 10px 25px var(--accent-glow);border-color:#fffc;transform:translateY(-2px)}.stat-value{margin-bottom:var(--spacing-2);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.charts-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.chart-container{width:100%;position:relative}.badge{border-radius:var(--radius-full);white-space:nowrap;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-purple{color:#8a73be;background-color:#a18cd133;border:1px solid #a18cd14d}.badge-green{color:#18a058;background-color:#18a05833;border:1px solid #18a0584d}.badge-red{color:#d03050;background-color:#d0305033;border:1px solid #d030504d}.badge-yellow{color:#f59e0b;background-color:#f59e0b33;border:1px solid #f59e0b4d}.level-bas{color:#10b981;background-color:#10b98126}.level-adv{color:#f59e0b;background-color:#f59e0b26}.level-exp{color:#ef4444;background-color:#ef444426}.level-mas{color:#a855f7;background-color:#a855f726}.level-ult{color:#94a3b8;background-color:#64748b26}.flex-1{flex:1}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.nav-container{gap:var(--spacing-2);flex-direction:column}.stat-value{font-size:1.5rem}}