:root{--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--green-400: #34d399;--green-500: #10b981;--green-600: #059669;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--purple-400: #a78bfa;--purple-500: #8b5cf6;--orange-400: #fb923c;--orange-500: #f97316;--amber-400: #fbbf24;--amber-500: #f59e0b;--teal-500: #14b8a6;--teal-600: #0d9488;--bg-primary: var(--gray-50);--bg-secondary: var(--gray-100);--bg-card: #ffffff;--bg-sidebar: #1e293b;--bg-topbar: rgba(15, 23, 42, .92);--text-primary: var(--gray-900);--text-secondary: var(--gray-500);--text-muted: var(--gray-400);--border: var(--gray-200);--border-light: var(--gray-100);--accent: var(--country-accent, var(--blue-500));--accent-hover: var(--country-accent-hover, var(--blue-600));--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--sidebar-width: 260px;--sidebar-collapsed-width: 0px;--topbar-height: 56px}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-topbar: rgba(15, 23, 42, .96);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-light: #1e293b;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3), 0 4px 6px -4px rgba(0,0,0,.2);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.4), 0 8px 10px -6px rgba(0,0,0,.2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,svg{display:block;max-width:100%}.num,[data-num]{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);color:#e2e8f0;display:flex;flex-direction:column;z-index:100;transition:transform var(--duration-normal) var(--ease-out);overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-brand svg{width:24px;height:24px;color:var(--accent);flex-shrink:0}.sidebar-brand-text{font-size:var(--text-lg);font-weight:800;letter-spacing:-.3px;color:#fff}.sidebar-brand-year{font-size:var(--text-xs);color:var(--gray-400);font-weight:500;margin-left:auto;background:#ffffff0f;padding:2px 8px;border-radius:var(--radius-full)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-3)}.sidebar-section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);padding:var(--sp-4) var(--sp-3) var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-md);color:#ffffffa6;font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out);margin-bottom:2px;border-left:3px solid transparent}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:#ffffff1a;color:#fff;font-weight:600;border-left-color:var(--accent)}.sidebar-link .flag{width:20px;height:15px;object-fit:cover;border-radius:2px;flex-shrink:0;margin-top:3px}.sidebar-link .link-label{flex:1}.sidebar-link .link-local{font-size:var(--text-xs);color:var(--gray-400);font-weight:400}.sidebar-link .link-status{display:inline-flex;margin-top:4px;font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:var(--radius-full)}.sidebar-link .link-status.preview{background:#adc3d12e;color:#d7e2ea}.sidebar-footer{padding:var(--sp-3);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-footer-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);color:#ffffff80;font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.sidebar-footer-link:hover{background:#ffffff0f;color:#fffc}.sidebar-footer-link svg{width:18px;height:18px}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:var(--bg-topbar);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 var(--sp-6);z-index:90;transition:left var(--duration-normal) var(--ease-out)}.topbar-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:#ffffff14;color:#fff;font-size:1.2rem;margin-right:var(--sp-3);transition:background var(--duration-fast)}.topbar-hamburger:hover{background:#ffffff26}.topbar-breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:#fff9}.topbar-breadcrumb .separator{opacity:.4}.topbar-breadcrumb .current{color:#fff;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}.topbar-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fffc;font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast)}.topbar-btn:hover{background:#ffffff1f;color:#fff}.topbar-btn svg{width:16px;height:16px}.topbar-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.content-area{flex:1;margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:var(--sp-6);min-height:calc(100vh - var(--topbar-height));transition:margin-left var(--duration-normal) var(--ease-out)}.content-inner{max-width:1200px;margin:0 auto;min-height:calc(100vh - var(--topbar-height) - (var(--sp-6) * 2));display:flex;flex-direction:column}.content-body{flex:1}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-overlay.show{display:block}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar{left:0}.topbar-hamburger{display:flex}.content-area{margin-left:0}}@media(max-width:640px){.content-area{padding:var(--sp-4)}.topbar{padding:0 var(--sp-4)}.content-inner{min-height:calc(100vh - var(--topbar-height) - (var(--sp-4) * 2))}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.card-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.card-icon.blue{background:#dbeafe;color:#2563eb}.card-icon.green{background:#d1fae5;color:#059669}.card-icon.red{background:#fee2e2;color:#dc2626}.card-icon.purple{background:#ede9fe;color:#7c3aed}.card-icon.orange{background:#ffedd5;color:#ea580c}.card-icon.teal{background:#ccfbf1;color:#0d9488}.card-icon.amber{background:#fef3c7;color:#b45309}.card-title{font-size:var(--text-base);font-weight:700}.country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-5)}.country-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.country-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent, var(--accent));opacity:0;transition:opacity var(--duration-fast)}.country-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--card-accent, var(--accent))}.country-card:hover:before{opacity:1}.country-card .flag{font-size:2.5rem;line-height:1}.country-card .name{font-size:var(--text-lg);font-weight:700}.country-card .local-name{font-size:var(--text-sm);color:var(--text-secondary)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}.calc-grid .full-width{grid-column:1 / -1}@media(max-width:900px){.calc-grid{grid-template-columns:1fr}}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--sp-4)}.placeholder-page .icon{font-size:4rem;opacity:.3}.placeholder-page h2{font-size:var(--text-2xl);font-weight:700}.placeholder-page p{font-size:var(--text-base);color:var(--text-secondary);max-width:400px}.calc-inputs{display:flex;flex-direction:column;gap:var(--sp-6)}.salary-display{font-size:var(--text-3xl);font-weight:800;color:var(--accent);margin-bottom:var(--sp-3);letter-spacing:-.5px}.salary-display .salary-currency{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.salary-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--accent),var(--blue-500),var(--teal-500));border-radius:3px;outline:none;margin:var(--sp-2) 0}.salary-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--bg-card);border:3px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px #00000026;transition:transform .15s}.salary-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.salary-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg-card);border:3px solid var(--accent);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-4)}.salary-input-wrapper{margin-bottom:var(--sp-4)}.salary-text-input{width:100%;padding:var(--sp-3) var(--sp-4);font-family:var(--font-sans);font-size:var(--text-base);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.salary-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.calc-mode-tabs{display:flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:2px}.calc-mode-tab{flex:1;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s}.calc-mode-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}.calc-mode-tab:hover:not(.active){color:var(--text-primary)}.option-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid var(--border-light);gap:var(--sp-4)}.option-row:last-child{border-bottom:none}.option-disabled{opacity:.35;pointer-events:none}.option-info{flex:1;min-width:0}.option-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.option-sublabel{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--gray-300);border-radius:12px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}[data-theme=dark] .toggle-slider{background:var(--gray-600)}.counter-control{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.counter-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:all .15s}.counter-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{font-size:var(--text-lg);font-weight:700;min-width:24px;text-align:center;color:var(--accent)}.option-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 32px 6px 12px;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;min-width:160px;max-width:220px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color var(--duration-fast) var(--ease-out)}.option-select:focus{outline:none;border-color:var(--accent)}.searchable-option-row{align-items:flex-start}.searchable-select{position:relative;flex-shrink:0;width:min(100%,300px)}.searchable-select-input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 12px;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);min-width:180px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.searchable-select-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .searchable-select-input{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.searchable-select-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px}.searchable-select-option{display:block;width:100%;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;padding:8px 10px;font-size:var(--text-sm);cursor:pointer;transition:background .15s,color .15s}.searchable-select-option:hover,.searchable-select-option.selected{background:color-mix(in srgb,var(--accent) 12%,var(--bg-card));color:var(--accent)}.searchable-select-empty{padding:8px 10px;color:var(--text-secondary);font-size:var(--text-sm)}[data-theme=dark] .option-select{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.option-number-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 12px;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);width:90px;text-align:center;transition:border-color var(--duration-fast) var(--ease-out)}.option-number-input:focus{outline:none;border-color:var(--accent)}[data-theme=dark] .option-number-input{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.option-text-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px 12px;font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-mono, monospace);width:100px;text-align:center;text-transform:uppercase;letter-spacing:.05em;transition:border-color var(--duration-fast) var(--ease-out)}.option-text-input:focus{outline:none;border-color:var(--accent)}[data-theme=dark] .option-text-input{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.result-panel{display:flex;flex-direction:column;gap:var(--sp-6)}.result-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-6);text-align:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.result-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--green-500))}.result-hero-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:var(--sp-2)}.result-hero-amount{font-size:var(--text-4xl);font-weight:800;color:var(--accent);letter-spacing:-1px;line-height:1.2}.result-hero-amount .result-currency{font-size:var(--text-lg);font-weight:500;color:var(--text-secondary)}.result-hero-sub{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--sp-2)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.summary-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);transition:border-color .2s}.summary-box:hover{border-color:var(--accent)}.summary-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--sp-1)}.summary-value{font-size:var(--text-xl);font-weight:700}.summary-box.green .summary-value{color:var(--green-500)}.summary-box.red .summary-value{color:var(--red-500)}.summary-box.blue .summary-value{color:var(--blue-500)}.summary-box.purple .summary-value{color:var(--purple-500)}.annual-card{padding:var(--sp-5)}.annual-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.annual-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--sp-1)}.annual-value{font-size:var(--text-sm);font-weight:700}.annual-value.green{color:var(--green-500)}.annual-value.red{color:var(--red-500)}.annual-value.blue{color:var(--blue-500)}.annual-value.amber{color:var(--amber-500)}.donut-container{display:flex;justify-content:center;padding:var(--sp-4) 0}.donut-svg{width:200px;height:200px}.donut-center-label,.donut-center-sub{font-family:var(--font-sans)}.donut-legend{display:flex;flex-direction:column;gap:var(--sp-2);border-top:1px solid var(--border-light);padding-top:var(--sp-4)}.legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{flex:1;color:var(--text-secondary)}.legend-value{font-weight:600;color:var(--text-primary)}.employer-total{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-4)}.employer-total strong{color:var(--text-primary);font-size:var(--text-base)}.employer-bars{display:flex;flex-direction:column;gap:var(--sp-4)}.bar-group{display:flex;flex-direction:column;gap:var(--sp-1)}.bar-label{font-size:var(--text-sm);color:var(--text-secondary)}.bar-track{height:32px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--sp-3);transition:width .4s var(--ease-out);min-width:fit-content}.bar-value{font-size:var(--text-xs);font-weight:600;color:#fff;white-space:nowrap}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table .section-row td{padding:var(--sp-1) 0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding-top:var(--sp-3)}.breakdown-row{border-bottom:1px solid var(--border-light)}.breakdown-row td{padding:var(--sp-2) 0;font-size:var(--text-sm)}.breakdown-row .row-label{color:var(--text-primary)}.breakdown-row .row-amount{text-align:right;white-space:nowrap;font-weight:500}.breakdown-row .row-icon{margin-right:var(--sp-2)}.breakdown-row.subtotal{background:var(--bg-secondary)}.breakdown-row.subtotal td{font-weight:700;padding:var(--sp-3) var(--sp-2)}.breakdown-row.deduction .row-amount{color:var(--red-500)}.breakdown-row.benefit .row-amount{color:var(--green-500)}.breakdown-row.net .row-amount,.breakdown-row.net .row-label{color:var(--green-600)}.breakdown-row.detail .row-label,.breakdown-row.detail .row-amount{color:var(--text-secondary);font-size:var(--text-xs)}.breakdown-row.note-row td.row-note{color:var(--amber-600, #d97706);font-size:var(--text-xs);font-style:italic;padding:var(--sp-1) 0}[data-theme=dark] .breakdown-row.note-row td.row-note{color:var(--amber-400, #fbbf24)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}@media(max-width:768px){.charts-row{grid-template-columns:1fr}.summary-grid,.annual-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.page-header{margin-bottom:var(--sp-6)}.page-header h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px}.page-header .subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--sp-1)}.currency-toggle-wrap{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3)}.currency-toggle{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;gap:2px}.currency-toggle-btn{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);font-weight:600;border:none;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s;font-family:inherit}.currency-toggle-btn:hover:not(.active){color:var(--text-primary)}.currency-toggle-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}.currency-rate-info{font-size:var(--text-xs);color:var(--text-tertiary, var(--text-secondary));opacity:.7}.language-toggle-wrap{display:inline-flex;align-items:center;margin-top:var(--sp-2)}.language-toggle{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;gap:2px}.language-toggle-btn{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);font-weight:600;border:none;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s;font-family:inherit;min-width:36px;text-align:center}.language-toggle-btn:hover:not(.active){color:var(--text-primary)}.language-toggle-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm)}.history-panel .card-header{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.history-save-btn{margin-left:auto;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.history-save-btn:hover{background:var(--green-500);color:#fff;border-color:var(--green-500)}.history-save-btn.saved{background:var(--green-500);color:#fff;border-color:var(--green-500);pointer-events:none}.history-controls{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.history-search{flex:1;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);outline:none}.history-search:focus{border-color:var(--accent)}.history-clear-btn{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--red-500);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap}.history-clear-btn:hover{background:var(--red-500);color:#fff;border-color:var(--red-500)}.history-list{display:flex;flex-direction:column;gap:var(--sp-2)}.history-empty{text-align:center;color:var(--text-secondary);font-size:var(--text-sm);padding:var(--sp-6) 0}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);transition:border-color var(--duration-fast)}.history-item:hover{border-color:var(--accent)}.history-item-left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.history-flag{font-size:1.4rem;flex-shrink:0}.history-item-info{min-width:0}.history-item-country{font-weight:600;font-size:var(--text-sm)}.history-item-detail{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-date{font-size:var(--text-xs);color:var(--text-secondary);opacity:.6}.history-remove-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.history-remove-btn:hover{background:var(--red-500);color:#fff}.homepage-hero{text-align:center;margin-bottom:var(--sp-4)}.homepage-hero h1{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.5px;margin-bottom:var(--sp-2)}.homepage-hero .subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:520px;margin:0 auto}.homepage-stats{display:flex;justify-content:center;gap:var(--sp-6);margin-top:var(--sp-5);flex-wrap:wrap}.homepage-stat{text-align:center}.homepage-stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--accent)}.homepage-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.country-card .currency-badge{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:2px 10px;border-radius:var(--radius-full);margin-top:var(--sp-1)}.route-transition{animation:none}html.hydrated .route-transition{animation:routeFadeIn .14s var(--ease-out) both;will-change:opacity}@keyframes routeFadeIn{0%{opacity:0}to{opacity:1}}.europe-map-card{margin-bottom:var(--sp-6)}.europe-map-wrapper{position:relative;background:linear-gradient(135deg,#1a3a4a,#0f2a38);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--sp-4);overflow:hidden;box-shadow:var(--shadow-md)}[data-theme=dark] .europe-map-wrapper{background:linear-gradient(135deg,#0c1929,#0a1520)}.europe-map-container{min-height:200px;display:flex;align-items:center;justify-content:center}.europe-map-container svg{width:100%;height:auto;max-height:calc(100vh - 180px);display:block}.europe-map-loading{color:#fff6;font-size:var(--text-sm);letter-spacing:1px}.europe-map-wrapper #Countries path{fill:#3a4a5a!important;fill-opacity:1!important;stroke:#2a3a4a!important;stroke-width:.12!important;transition:fill .25s,filter .25s;cursor:default}.europe-map-wrapper #Countries g{fill:#3a4a5a!important;fill-opacity:1!important}[data-theme=dark] .europe-map-wrapper #Countries path{fill:#2a3a4a!important;stroke:#1a2a3a!important}[data-theme=dark] .europe-map-wrapper #Countries g{fill:#2a3a4a!important}.europe-map-wrapper #Countries .region-available{cursor:pointer;filter:none}.europe-map-wrapper #Countries .region-audited{fill:#6bb8f0!important;fill-opacity:.94!important;stroke:#ffffff4d!important;stroke-width:.35!important}.europe-map-wrapper #Countries .region-preview{fill:#58758a!important;fill-opacity:.96!important;stroke:#ffffff38!important;stroke-width:.35!important}[data-theme=dark] .europe-map-wrapper #Countries .region-audited{fill:#6bb8f0!important;fill-opacity:.94!important}[data-theme=dark] .europe-map-wrapper #Countries .region-preview{fill:#5f7f96!important;fill-opacity:.96!important}.europe-map-wrapper #Countries .region-audited:hover,.europe-map-wrapper #Countries .region-audited.region-sidebar-hover,.europe-map-wrapper #Countries .region-audited.region-map-hover,[data-theme=dark] .europe-map-wrapper #Countries .region-audited:hover,[data-theme=dark] .europe-map-wrapper #Countries .region-audited.region-sidebar-hover,[data-theme=dark] .europe-map-wrapper #Countries .region-audited.region-map-hover{fill:#38bdf8!important;fill-opacity:1!important;filter:drop-shadow(0 0 6px rgba(56,189,248,.5))}.europe-map-wrapper #Countries .region-preview:hover,.europe-map-wrapper #Countries .region-preview.region-sidebar-hover,.europe-map-wrapper #Countries .region-preview.region-map-hover{fill:#7ea2bc!important;fill-opacity:1!important;filter:drop-shadow(0 0 6px rgba(126,162,188,.4))}[data-theme=dark] .europe-map-wrapper #Countries .region-preview:hover,[data-theme=dark] .europe-map-wrapper #Countries .region-preview.region-sidebar-hover,[data-theme=dark] .europe-map-wrapper #Countries .region-preview.region-map-hover{fill:#8baec6!important;fill-opacity:1!important;filter:drop-shadow(0 0 6px rgba(139,174,198,.32))}.europe-map-wrapper #Coastline{opacity:.1!important}.europe-map-wrapper #Coastline path{stroke:#4a5a6a!important;stroke-width:.1!important;fill:none!important;fill-opacity:0!important}.europe-map-wrapper #Lakes path{fill:#1a3a4a!important;fill-opacity:.5!important;stroke:#0f2a38!important;stroke-width:.2!important}.europe-map-wrapper #Borders path{stroke:#4a5a6a!important;stroke-opacity:.2!important;stroke-width:.1!important;fill:none!important;fill-opacity:0!important}.europe-map-wrapper #Marine_borders path{stroke:#2a4a5a!important;stroke-opacity:.1!important;stroke-width:.1!important;fill:none!important;fill-opacity:0!important}.europe-map-tooltip{position:absolute;background:var(--bg-card);color:var(--text-primary);padding:6px 14px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;pointer-events:none;opacity:0;transition:opacity .15s;max-width:260px;white-space:normal;text-align:center;z-index:10;transform:translate(-50%,-100%);margin-top:-10px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.europe-map-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-card)}.europe-map-tooltip.visible{opacity:1}.europe-map-compass{position:absolute;bottom:20px;right:20px;width:48px;height:48px;opacity:.5;z-index:2;color:#fff9}.europe-map-compass svg{width:100%;height:100%}.europe-map-legend{display:flex;justify-content:center;gap:var(--sp-5);margin-top:var(--sp-3);font-size:var(--text-xs);color:#fff9;font-weight:500}.europe-map-legend-item{display:flex;align-items:center;gap:6px}.europe-map-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.europe-map-dot.audited{background:#6bb8f0;box-shadow:0 0 4px #6bb8f066}.europe-map-dot.preview{background:#58758a;box-shadow:0 0 4px #58758a59}.europe-map-dot.unavailable{background:#41464d}[data-theme=dark] .europe-map-dot.unavailable{background:#3a4047}@media(max-width:640px){.europe-map-compass{width:32px;height:32px;bottom:14px;right:14px}}.comparison-page{display:flex;flex-direction:column;gap:var(--sp-5)}.compare-selector-card .card-header{display:flex;align-items:center}.compare-hint{margin-left:auto;font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.compare-country-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.compare-chip{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:all .15s}.compare-chip:hover:not(.disabled){border-color:var(--text-secondary);color:var(--text-primary)}.compare-chip.active{border-color:var(--chip-accent, var(--accent));background:color-mix(in srgb,var(--chip-accent, var(--accent)) 12%,var(--bg-card));color:var(--text-primary)}.compare-chip.disabled{opacity:.4;cursor:not-allowed}.compare-chip-flag{font-size:1.2em}.compare-chip-currency{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:1px 6px;border-radius:4px}.compare-gross-card .compare-gross-input-row{display:flex;align-items:center;gap:var(--sp-4);margin-top:var(--sp-4)}.compare-gross-display{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.compare-gross-currency{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.compare-profile-card{overflow:hidden}.compare-profile-hint{margin:var(--sp-3) 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.compare-profile-grid{margin-top:var(--sp-4)}.compare-profile-grid-detailed{margin-top:var(--sp-3)}.compare-profile-section-label{margin-top:var(--sp-5);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.compare-profile-hint-secondary{margin-top:var(--sp-2)}.compare-option-select{min-width:220px}.compare-option-number{width:88px;text-align:right}.compare-results{display:flex;flex-direction:column;gap:var(--sp-5)}.compare-bars{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-3)}.compare-row{display:flex;flex-direction:column;gap:var(--sp-1)}.compare-row-label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);font-weight:600}.compare-row-flag{font-size:1.1em}.compare-row-pct{margin-left:auto;font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.compare-bar-group{width:100%}.compare-bar-track{height:28px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.compare-bar-fill{height:100%;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--sp-2);min-width:60px;transition:width .4s ease}.compare-bar-value{font-size:var(--text-xs);font-weight:700;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.compare-table-wrap{overflow-x:auto;margin-top:var(--sp-3)}.compare-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.compare-table th{text-align:left;font-weight:600;padding:var(--sp-2) var(--sp-3);border-bottom:2px solid var(--border);white-space:nowrap;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.compare-table th.num,.compare-table td.num{text-align:right}.compare-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);white-space:nowrap}.compare-table td.green{color:var(--green-500, #10b981)}.compare-table td.red{color:var(--red-500, #ef4444)}.compare-table td.blue{color:var(--blue-500, #3b82f6)}.compare-table td.amber{color:var(--amber-500, #f59e0b)}.compare-empty-state{text-align:center;padding:var(--sp-10) var(--sp-6);color:var(--text-secondary)}.compare-empty-icon{font-size:3rem;margin-bottom:var(--sp-3)}.compare-empty-state h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--sp-2)}.compare-empty-state p{font-size:var(--text-sm);max-width:400px;margin:0 auto}@media(max-width:640px){.compare-gross-card .compare-gross-input-row{flex-direction:column;align-items:stretch}.compare-option-select{min-width:0;width:100%}.compare-table{font-size:var(--text-xs)}.compare-table th,.compare-table td{padding:var(--sp-1) var(--sp-2)}}.kbd-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kbd-help-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);padding:var(--sp-6);max-width:420px;width:90vw;box-shadow:var(--shadow-lg)}.kbd-help-panel h3{margin-bottom:var(--sp-4);font-size:var(--text-lg)}.kbd-help-list{display:flex;flex-direction:column;gap:var(--sp-3)}.kbd-help-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.kbd-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 var(--sp-2);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;font-size:var(--text-xs);font-weight:600;font-family:inherit;color:var(--text-secondary)}.mobile-country-list{display:none}.desktop-map{display:block}.mobile-country-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast);-webkit-tap-highlight-color:transparent}.mobile-country-item:active{transform:scale(.98);background:var(--bg-secondary)}.mobile-country-flag{font-size:2rem;line-height:1;flex-shrink:0}.mobile-country-info{flex:1;min-width:0}.mobile-country-name{font-size:var(--text-base);font-weight:700}.mobile-country-local{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.mobile-country-status{margin-top:4px;font-size:.72rem;font-weight:700;color:#6d8290}.mobile-country-currency{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 10px;flex-shrink:0}@media(max-width:640px){.desktop-map{display:none}.mobile-country-list{display:flex;flex-direction:column;gap:var(--sp-3)}.homepage-hero{margin-bottom:var(--sp-4)}.homepage-hero h1{font-size:var(--text-xl)}.card{padding:var(--sp-4)}.salary-display{font-size:var(--text-2xl)}.calc-grid,.calc-inputs{gap:var(--sp-4)}.page-header{margin-bottom:var(--sp-4)}.page-header h1{font-size:var(--text-xl)}.charts-row{gap:var(--sp-4)}.salary-slider::-webkit-slider-thumb{width:26px;height:26px}.salary-slider::-moz-range-thumb{width:26px;height:26px}.topbar-btn span{display:none}}.site-footer{margin-top:var(--sp-8);padding:var(--sp-5) 0 var(--sp-3);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-2)}.site-footer-links{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.site-footer-link{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.site-footer-link:hover{color:var(--text-primary)}.site-footer-note{font-size:var(--text-xs);color:var(--text-secondary)}.site-footer-note a{text-decoration:underline}.legal-page{display:flex;flex-direction:column;gap:var(--sp-5)}.legal-page-intro{max-width:800px}.legal-card{padding:var(--sp-8)}.legal-content{display:flex;flex-direction:column;gap:var(--sp-4);max-width:860px}.legal-content h2{font-size:var(--text-lg);font-weight:800;margin-top:var(--sp-2)}.legal-content p,.legal-content li{color:var(--text-primary)}.legal-content ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--sp-2)}.legal-content a{text-decoration:underline}.legal-callout{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--amber-500) 35%,var(--border));background:color-mix(in srgb,var(--amber-500) 10%,var(--bg-card))}@media(max-width:640px){.legal-card{padding:var(--sp-5)}}[data-country=hungary]{--country-accent: #c8a44e;--country-accent-hover: #b8943e}[data-country=germany]{--country-accent: #dd1100;--country-accent-hover: #bb0e00}[data-country=netherlands]{--country-accent: #f36c21;--country-accent-hover: #d45d1a}[data-country=portugal]{--country-accent: #006600;--country-accent-hover: #005200}[data-country=spain]{--country-accent: #c60b1e;--country-accent-hover: #a80917}[data-country=belgium]{--country-accent: #fdda25;--country-accent-hover: #e5c520}[data-country=slovakia]{--country-accent: #0b4ea2;--country-accent-hover: #094089}[data-country=poland]{--country-accent: #dc143c;--country-accent-hover: #b81133}