@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.p.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_78809f52-module__X5wRaG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_78809f52-module__X5wRaG__variable{--font-sans:"Inter","Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_9a2f2d6c-module__wsyXyG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_9a2f2d6c-module__wsyXyG__variable{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:#155dfc;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-1{margin-top:calc(var(--spacing)*1)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing)*2)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}}@media (min-width:48rem){.md\:right-4{right:calc(var(--spacing)*4)}.md\:left-auto{left:auto}.md\:w-96{width:calc(var(--spacing)*96)}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-100{color:var(--color-gray-100)}@media (hover:hover){.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}}}}:root{--color-bg:#fff;--color-bg-elevated:#f8fafc;--color-bg-card:#fff;--color-bg-hover:#f1f5f9;--color-bg-active:#e2e8f0;--color-border:#e2e8f0;--color-border-light:#cbd5e1;--color-border-focus:#6366f1;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-dim:#94a3b8;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-bg:#6366f11a;--color-success:#16a34a;--color-success-light:#22c55e;--color-success-bg:#16a34a1a;--color-success-border:#16a34a4d;--color-error:#dc2626;--color-error-light:#ef4444;--color-error-bg:#dc26261a;--color-error-border:#dc26264d;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-warning-border:#d977064d;--color-info:#2563eb;--color-info-bg:#2563eb1a;--color-info-border:#2563eb4d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #6366f133;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Menlo,monospace}:root.dark,.dark{--color-bg:#09090b;--color-bg-elevated:#18181b;--color-bg-card:#0f0f12;--color-bg-hover:#1f1f23;--color-bg-active:#27272a;--color-border:#27272a;--color-border-light:#3f3f46;--color-border-focus:#6366f1;--color-text:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-dim:#52525b;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-primary-bg:#6366f11a;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-bg:#22c55e1a;--color-success-border:#22c55e4d;--color-error:#ef4444;--color-error-light:#f87171;--color-error-bg:#ef44441a;--color-error-border:#ef44444d;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b4d;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f64d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003;--shadow-glow:0 0 20px #6366f14d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.6}::selection{background:var(--color-primary);color:#fff}.app{flex-direction:column;min-height:100vh;display:flex}.main{padding:var(--spacing-xl)var(--spacing-md);background:linear-gradient(180deg,var(--color-bg)0%,#0c0c0f 50%,var(--color-bg)100%);flex:1}.container{width:100%;max-width:1100px;margin:0 auto}.header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.logo{align-items:center;gap:var(--spacing-md);display:flex}.logo-icon-wrapper{border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));width:56px;height:56px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.logo-icon{color:#fff;width:32px;height:32px}.logo-text h1{letter-spacing:-.025em;background:linear-gradient(135deg,var(--color-text)0%,var(--color-text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.tools-link{border-radius:var(--radius-lg);color:var(--color-primary-light);transition:all var(--transition-base);background:#6366f11a;border:1px solid #6366f14d;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.tools-link:hover{border-color:var(--color-primary);background:#6366f133;transform:translateY(-2px);box-shadow:0 4px 15px #6366f133}.logo-text .subtitle{color:var(--color-text-muted);letter-spacing:.025em;font-size:.875rem;font-weight:400;display:block}.info-banner{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);font-size:.875rem;display:flex}.info-banner svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.upload-section{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.file-upload-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-2xl);background:var(--color-bg-card);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.drop-zone:hover:not(.disabled){border-color:var(--color-primary);background:var(--color-bg-elevated)}.drop-zone:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.drop-zone.dragging{border-color:var(--color-primary-light);background:var(--color-primary-bg);box-shadow:var(--shadow-glow);transform:scale(1.01)}.drop-zone.disabled{opacity:.6;cursor:not-allowed}.drop-zone-label{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl)var(--spacing-xl);cursor:inherit;flex-direction:column;display:flex}.file-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.upload-icon-wrapper{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary-bg),transparent);border:2px solid var(--color-border);width:88px;height:88px;color:var(--color-primary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.drop-zone:hover .upload-icon-wrapper,.drop-zone.dragging .upload-icon-wrapper{border-color:var(--color-primary);transform:scale(1.05)}.upload-text{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.upload-primary{color:var(--color-text);font-size:1.25rem;font-weight:600}.upload-secondary{color:var(--color-text-muted);font-size:.875rem}.upload-hints{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.upload-hint{color:var(--color-text-dim);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:.75rem}.file-selected{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex}.file-selected.processing{border-color:var(--color-primary);background:var(--color-primary-bg)}.file-info{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.file-icon-wrapper{border-radius:var(--radius-lg);background:var(--color-primary-bg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.file-icon{width:24px;height:24px;color:var(--color-primary)}.file-details{flex-direction:column;min-width:0;display:flex}.file-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file-size{color:var(--color-text-muted);font-size:.875rem}.clear-button{border-radius:var(--radius-md);background:var(--color-bg-elevated);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.clear-button:hover{background:var(--color-error-bg);color:var(--color-error)}.clear-button:focus-visible{box-shadow:0 0 0 2px var(--color-error-bg),0 0 0 4px var(--color-error);outline:none}.processing-indicator{flex-shrink:0;justify-content:center;align-items:center;display:flex}.spinner,.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.upload-error{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;display:flex}.validate-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;cursor:pointer;transition:all var(--transition-base);border:none;align-self:center;width:fit-content;font-size:1rem;font-weight:600;display:flex}.validate-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.validate-button:focus-visible{box-shadow:0 0 0 3px var(--color-primary-bg),0 0 0 5px var(--color-primary-dark);outline:none}.validate-button:disabled{opacity:.6;cursor:not-allowed}.validate-button.secondary{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text)}.validate-button.secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.loading-state{align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-muted);flex-direction:column;display:flex}.loading-state .loading-spinner{width:40px;height:40px}.results-section{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.results-summary{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg)var(--spacing-xl);border-radius:var(--radius-xl);background:var(--color-bg-card);border:1px solid var(--color-border);display:flex}.results-summary.success{border-color:var(--color-success-border);background:linear-gradient(135deg,var(--color-success-bg),var(--color-bg-card))}.results-summary.success .summary-icon{color:var(--color-success)}.results-summary.error{border-color:var(--color-error-border);background:linear-gradient(135deg,var(--color-error-bg),var(--color-bg-card))}.results-summary.error .summary-icon{color:var(--color-error)}.summary-icon{flex-shrink:0}.summary-content{flex:1;min-width:0}.summary-title{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:1.25rem;font-weight:600}.summary-stats{gap:var(--spacing-xl);display:flex}.stat{flex-direction:column;display:flex}.stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat.valid .stat-value{color:var(--color-success)}.stat.invalid .stat-value{color:var(--color-error)}.summary-meta{gap:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.meta-item{align-items:center;gap:var(--spacing-xs);color:var(--color-text-dim);font-size:.75rem;display:flex}.message-info{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.info-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{align-items:flex-start;gap:var(--spacing-sm);color:var(--color-text-muted);display:flex}.info-item svg{flex-shrink:0;margin-top:2px}.info-content{flex-direction:column;min-width:0;display:flex}.info-label{color:var(--color-text-dim);font-size:.75rem}.info-value{color:var(--color-text);word-break:break-word;font-size:.875rem;font-weight:500}.results-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);display:flex}.filter-button{padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem}.filter-button:hover{background:var(--color-bg-hover);color:var(--color-text)}.filter-button.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.export-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.875rem;display:flex}.export-button:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border-light)}.results-table-container{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:.875rem}.results-table th{padding:var(--spacing-md);text-align:left;color:var(--color-text-muted);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:600}.results-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.results-table tbody tr:last-child td{border-bottom:none}.result-row{transition:background var(--transition-fast)}.result-row:hover{background:var(--color-bg-hover)}.result-row.valid{background:linear-gradient(90deg,var(--color-success-bg),transparent 30%)}.result-row.invalid{background:linear-gradient(90deg,var(--color-error-bg),transparent 30%)}.status-cell{text-align:center;width:48px}.status-icon{display:inline-block}.status-icon.valid{color:var(--color-success)}.status-icon.invalid{color:var(--color-error)}.type-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.type-badge.debtor{background:var(--color-primary-bg);color:var(--color-primary-light)}.type-badge.creditor{background:var(--color-success-bg);color:var(--color-success-light)}.iban-info,.bic-info{flex-direction:column;gap:2px;display:flex}.iban,.bic{font-family:var(--font-mono);letter-spacing:.05em;background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:2px 6px;font-size:.8rem;display:inline-block}.iban.invalid,.bic.invalid{color:var(--color-error);background:var(--color-error-bg)}.error-hint{color:var(--color-error);max-width:220px;font-size:.7rem}.no-data{color:var(--color-text-dim)}.bank-info{flex-direction:column;gap:2px;display:flex}.bank-name{color:var(--color-text);align-items:center;gap:6px;font-weight:500;display:flex}.bank-name svg{color:var(--color-text-muted);flex-shrink:0}.bank-city{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.info-cell{max-width:200px}.tx-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.tx-amount{font-family:var(--font-mono);color:var(--color-primary-light);margin-top:2px;font-size:.8rem;display:block}.expand-cell{text-align:center;width:48px}.expand-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.expand-button:hover{background:var(--color-bg-active);color:var(--color-text)}.detail-row td{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:0}.detail-content{padding:var(--spacing-md)var(--spacing-lg);gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.detail-value{color:var(--color-text);font-size:.875rem}code.detail-value{font-family:var(--font-mono);background:var(--color-bg-card);border-radius:var(--radius-sm);padding:2px 6px;font-size:.8rem}.empty-state{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);color:var(--color-text-muted);flex-direction:column;display:flex}.warnings-section{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg)}.warnings-section h3{align-items:center;gap:var(--spacing-sm);color:var(--color-warning);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;display:flex}.warnings-section ul{color:var(--color-text-secondary);font-size:.875rem;list-style:none}.warnings-section li:before{content:"• ";color:var(--color-warning)}.validation-options{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.toggle-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);width:fit-content;font-size:.875rem;display:flex}.toggle-option:hover{border-color:var(--color-border-light);background:var(--color-bg-elevated)}.toggle-option.active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary-light)}.toggle-option svg{flex-shrink:0}.sender-check-option{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.sender-account-input{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-mono);width:200px;transition:all var(--transition-base);font-size:.875rem}.sender-account-input::placeholder{color:var(--color-text-dim)}.sender-account-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.mode-toggle{gap:var(--spacing-sm);padding:var(--spacing-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:fit-content;margin:0 auto var(--spacing-lg);display:flex}.mode-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;font-size:.875rem;font-weight:500;display:flex}.mode-button:hover{color:var(--color-text-secondary);background:var(--color-bg-elevated)}.mode-button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md)}.footer{border-top:1px solid var(--color-border);background:var(--color-bg);padding:var(--spacing-lg)var(--spacing-md)}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;max-width:1100px;margin:0 auto;display:flex}.footer-info{flex-direction:column;gap:2px;display:flex}.footer-info p{color:var(--color-text-dim);font-size:.75rem}.footer-info strong{color:var(--color-text-muted)}.footer-copyright{color:var(--color-text-dim)}.footer-links{gap:var(--spacing-md);display:flex}.footer-link{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.75rem;text-decoration:none}.footer-link:hover{color:var(--color-primary)}@media (max-width:768px){.main{padding:var(--spacing-md)}.header{margin-bottom:var(--spacing-lg)}.logo-text h1{font-size:1.5rem}.info-banner{font-size:.8rem}.drop-zone-label{padding:var(--spacing-xl)var(--spacing-md)}.upload-icon-wrapper{width:72px;height:72px}.upload-primary{font-size:1.1rem}.results-summary{text-align:center;flex-direction:column}.summary-stats{justify-content:center}.summary-meta{flex-direction:row;justify-content:center}.results-toolbar{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap;justify-content:center}.export-button{justify-content:center}.results-table{font-size:.8rem}.results-table th,.results-table td{padding:var(--spacing-sm)}.iban,.bic{font-size:.7rem}.footer-content{text-align:center;flex-direction:column}}@media (max-width:480px){.logo-icon-wrapper{width:48px;height:48px}.logo-icon{width:28px;height:28px}.logo-text h1,.stat-value{font-size:1.25rem}.info-grid{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.export-dropdown{position:relative}.export-dropdown .export-button{align-items:center;gap:var(--spacing-xs);display:flex}.export-menu{margin-top:var(--spacing-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-xl);z-index:50;animation:.15s slideDown;position:absolute;top:100%;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-menu button{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;display:flex}.export-menu button:hover{background:var(--color-bg-hover);color:var(--color-text)}.export-menu button:not(:last-child){border-bottom:1px solid var(--color-border)}.batch-results{gap:var(--spacing-lg);flex-direction:column;display:flex}.batch-summary{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--color-bg-card);border:1px solid var(--color-border);display:flex}.batch-summary.success{border-color:var(--color-success-border);background:linear-gradient(135deg,var(--color-success-bg),var(--color-bg-card))}.batch-summary.success .summary-icon{color:var(--color-success)}.batch-summary.error{border-color:var(--color-error-border);background:linear-gradient(135deg,var(--color-error-bg),var(--color-bg-card))}.batch-summary.error .summary-icon{color:var(--color-error)}.batch-summary .summary-content h2{color:var(--color-text);font-size:1.25rem;font-weight:600}.batch-summary .summary-time{color:var(--color-text-muted);margin-top:var(--spacing-xs);font-size:.875rem}.batch-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-card{padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;display:flex}.stat-card .stat-value{color:var(--color-text);font-size:2rem;font-weight:700}.stat-card .stat-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem}.stat-card.success .stat-value{color:var(--color-success)}.stat-card.error .stat-value{color:var(--color-error)}.validation-summary{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.validation-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;display:flex}.validation-item.error{background:var(--color-error-bg);color:var(--color-error)}.validation-item.warning{background:var(--color-warning-bg);color:var(--color-warning)}.file-results-list{gap:var(--spacing-md);flex-direction:column;display:flex}.file-results-list h3{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1rem;font-weight:600}.file-result-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.file-result-card.success{border-left:3px solid var(--color-success)}.file-result-card.error{border-left:3px solid var(--color-error)}.file-result-header{padding:var(--spacing-md)var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.file-result-header:hover{background:var(--color-bg-hover)}.file-result-left{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex}.expand-icon{color:var(--color-text-muted)}.file-result-name{color:var(--color-text);font-weight:500}.file-result-size{color:var(--color-text-dim);font-size:.75rem}.file-result-right{align-items:center;gap:var(--spacing-sm);display:flex}.message-type-badge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem}.status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;display:flex}.status-badge.success{background:var(--color-success-bg);color:var(--color-success)}.status-badge.error{background:var(--color-error-bg);color:var(--color-error)}.file-result-details{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.detail-section{margin-bottom:var(--spacing-md)}.detail-section:last-child{margin-bottom:0}.detail-section h4{align-items:center;gap:var(--spacing-xs);color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;display:flex}.detail-stats{gap:var(--spacing-lg);color:var(--color-text-secondary);font-size:.875rem;display:flex}.detail-stats .success{color:var(--color-success)}.detail-stats .error{color:var(--color-error)}.validation-status{align-items:center;gap:var(--spacing-xs);font-size:.875rem;display:flex}.validation-status.success{color:var(--color-success)}.validation-status.error{color:var(--color-error)}.validation-status .warning{color:var(--color-warning)}.error-list{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.error-list li{gap:var(--spacing-sm);font-size:.875rem;display:flex}.error-code{font-family:var(--font-mono);padding:2px var(--spacing-xs);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);font-size:.75rem}.error-message{color:var(--color-text-secondary)}.batch-upload-container{gap:var(--spacing-md);flex-direction:column;display:flex}.drop-zone.batch{min-height:120px}.drop-zone-label.compact{padding:var(--spacing-lg)var(--spacing-xl);gap:var(--spacing-lg);flex-direction:row}.upload-icon-wrapper.small{width:64px;height:64px}.batch-file-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.batch-file-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.batch-file-count{align-items:center;gap:var(--spacing-xs);color:var(--color-text);font-size:.875rem;font-weight:500;display:flex}.batch-total-size{color:var(--color-text-muted);font-weight:400}.batch-clear-all{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.75rem;display:flex}.batch-clear-all:hover{background:var(--color-error-bg);color:var(--color-error)}.batch-files{max-height:240px;list-style:none;overflow-y:auto}.batch-file-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);display:flex}.batch-file-item:last-child{border-bottom:none}.batch-file-item:hover{background:var(--color-bg-hover)}.batch-file-icon{color:var(--color-primary);flex-shrink:0}.batch-file-name{min-width:0;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.batch-file-size{color:var(--color-text-dim);flex-shrink:0;font-size:.75rem}.batch-file-remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.batch-file-remove:hover{background:var(--color-error-bg);color:var(--color-error)}.batch-processing{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-primary);font-size:.875rem;display:flex}.mode-toggle{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);display:flex}.mode-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;display:flex}.mode-button:hover{color:var(--color-text)}.mode-button.active{background:var(--color-primary-bg);color:var(--color-primary)}.validation-options{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.toggle-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;display:flex}.toggle-option:hover{border-color:var(--color-border-light);color:var(--color-text-secondary)}.toggle-option.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.toggle-option svg{flex-shrink:0}
.tools-page{color:#e2e8f0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);flex-direction:column;min-height:100vh;display:flex}.tools-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}.back-link{color:#94a3b8;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:#e2e8f0}.tools-title{align-items:center;gap:1rem;display:flex}.tools-title .title-icon{color:#818cf8;width:40px;height:40px}.tools-title h1{color:#f8fafc;margin:0;font-size:1.5rem;font-weight:700}.tools-title p{color:#94a3b8;margin:0;font-size:.875rem}.tools-nav{background:#0003;border-bottom:1px solid #ffffff0d;gap:.5rem;padding:1rem 2rem;display:flex;overflow-x:auto}.tool-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.tool-tab:hover{color:#e2e8f0;background:#ffffff0d}.tool-tab.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 15px #6366f14d}.tools-main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem}.tool-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.tool-description{margin-bottom:1.5rem}.tool-description h2{color:#f8fafc;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tool-description p{color:#94a3b8;margin:0;font-size:.875rem;line-height:1.6}.tool-form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#e2e8f0;font-size:.875rem;font-weight:500}.form-group input,.form-group select{color:#f8fafc;background:#0000004d;border:1px solid #ffffff26;border-radius:.5rem;padding:.875rem 1rem;font-family:JetBrains Mono,monospace;font-size:1rem;transition:all .2s}.form-group input::placeholder{color:#64748b}.form-group input:focus,.form-group select:focus{border-color:#818cf8;outline:none;box-shadow:0 0 0 3px #818cf833}.form-group select{cursor:pointer}.tool-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.tool-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.tool-submit:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tool-result{border:1px solid;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-result.valid{background:#22c55e1a;border-color:#22c55e4d}.tool-result.invalid{background:#ef44441a;border-color:#ef44444d}.result-header{align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.result-icon.success{color:#22c55e}.result-icon.error{color:#ef4444}.result-iban{background:#0000004d;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.result-iban.large{padding:1.25rem}.result-iban code{letter-spacing:.05em;color:#f8fafc;flex:1;font-family:JetBrains Mono,monospace;font-size:1.125rem}.result-iban.large code{font-size:1.375rem;font-weight:600}.copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.copy-btn:hover{color:#f8fafc;background:#fff3}.copy-btn-small{color:#64748b;cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:.25rem}.copy-btn-small:hover{color:#94a3b8}.iban-breakdown{background:#0000004d;border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.iban-part{flex-direction:column;align-items:center;gap:.25rem;display:flex}.part-value{border-radius:.375rem;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:600}.part-value.country{color:#a5b4fc;background:#6366f14d}.part-value.check{color:#86efac;background:#22c55e4d}.part-value.bank{color:#fdba74;background:#f973164d}.part-value.account{color:#f9a8d4;background:#ec48994d}.part-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.result-details{flex-direction:column;gap:.5rem;display:flex}.detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;padding:.5rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#94a3b8;font-size:.875rem}.detail-value{color:#f8fafc;align-items:center;font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex}.detail-value.small{text-align:right;max-width:300px;font-family:inherit;font-size:.8125rem}.bank-info,.method-info{background:#6366f11a;border:1px solid #6366f133;border-radius:.5rem;margin-top:1rem;padding:1rem}.bank-info h4,.method-info h4{color:#a5b4fc;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;display:flex}.bank-list{flex-direction:column;gap:.5rem;max-height:400px;display:flex;overflow-y:auto}.bank-item{border:1px solid #ffffff1a;border-radius:.5rem;transition:all .2s;overflow:hidden}.bank-item:hover{border-color:#fff3}.bank-item.expanded{border-color:#818cf8}.bank-header{cursor:pointer;background:#0003;justify-content:space-between;align-items:center;padding:1rem;display:flex}.bank-header:hover{background:#0000004d}.bank-main{align-items:center;gap:.75rem;display:flex}.bank-main strong{color:#f8fafc}.bank-city{color:#94a3b8;align-items:center;gap:.25rem;margin-left:.5rem;font-size:.8125rem;display:flex}.bank-codes{align-items:center;gap:.75rem;display:flex}.bic-badge{color:#a5b4fc;background:#6366f133;border-radius:.25rem;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.bank-details{background:#0000001a;border-top:1px solid #ffffff0d;padding:1rem}.no-results,.more-results{text-align:center;color:#94a3b8;margin-top:1rem;font-size:.875rem}.result-error,.comparison-note{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;font-size:.875rem;display:flex}.comparison-note strong{color:#f8fafc}.tools-footer{text-align:center;border-top:1px solid #ffffff1a;padding:1.5rem 2rem}.tools-footer p{color:#64748b;margin:0;font-size:.875rem}@media (max-width:768px){.tools-header{flex-direction:column;align-items:flex-start;padding:1rem}.tools-nav{gap:.375rem;padding:.75rem 1rem}.tool-tab{padding:.5rem .75rem;font-size:.8125rem}.tool-tab span{display:none}.tools-main{padding:1rem}.tool-panel{padding:1.25rem}.iban-breakdown{flex-direction:column;align-items:center}.part-value{font-size:1rem}.bank-header{flex-direction:column;align-items:flex-start;gap:.75rem}.bank-codes{justify-content:space-between;width:100%}}