.converter-page{max-width:1200px;margin:0 auto;padding:20px}.conv-settings{display:flex;flex-direction:column;gap:24px}.converter-page .panel{overflow:visible!important}.control-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-muted)}.modern-input{width:100%;padding:12px 12px 12px 42px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s ease}.modern-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.radio-group{display:flex;gap:12px;background:var(--bg-secondary);padding:6px;border-radius:14px;border:1px solid var(--border-color)}.radio-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.radio-btn input{display:none}.radio-btn.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:0 4px 12px #0000000d}.custom-dropdown{position:relative;width:100%;z-index:10;transition:z-index 0s}.custom-dropdown:focus-within,.custom-dropdown:hover{z-index:9999}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:52px;position:relative;z-index:2}.dropdown-trigger:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.dropdown-trigger.open{border-color:var(--accent-primary);background:var(--bg-primary);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.trigger-content{display:flex;align-items:center;gap:12px}.country-flag{width:28px;height:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:var(--bg-tertiary)}.flag-img{width:100%;height:100%;object-fit:cover}.country-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.dropdown-chevron{color:var(--text-muted);transition:transform .3s ease}.dropdown-chevron.up{transform:rotate(180deg);color:var(--accent-primary)}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;width:100%;min-width:280px;background-color:#fff!important;background:#fff!important;color:#1a1a1b!important;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 60px #00000059,0 0 0 1px #0000000d;overflow:hidden;max-height:380px;overflow-y:auto;z-index:10000;opacity:1!important;visibility:visible!important;display:block!important}[data-theme=dark] .dropdown-menu{background-color:#1a1a1b!important;background:#1a1a1b!important;border-color:#333;color:#fff!important;box-shadow:0 20px 60px #0009}.dropdown-opt{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(var(--border-rgb),.3)}.dropdown-opt:last-child{border-bottom:none}.dropdown-opt:hover{background:var(--bg-secondary)}.dropdown-opt.selected{background:rgba(var(--accent-rgb),.05)}.opt-flag{width:24px;height:16px;border-radius:3px;overflow:hidden;background:var(--bg-tertiary)}.flag-img-sm{width:100%;height:100%;object-fit:cover}.opt-label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.selected .opt-label{color:var(--accent-primary);font-weight:600}.opt-check{margin-left:auto;color:var(--accent-primary)}.system-selected,.opt-info{display:flex;flex-direction:column;gap:2px;line-height:1.2}.system-main,.opt-main{font-size:.9rem;font-weight:700;color:var(--text-primary)}.system-sub,.opt-sub{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.selected .opt-main{color:var(--accent-primary)}.dropdown-opt.system-opt{padding:14px 16px}.result-container{height:100%;display:flex;flex-direction:column}.result-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #0000000d}.result-header{display:flex;align-items:center;gap:10px;color:var(--accent-primary);font-size:.75rem;font-weight:800;letter-spacing:.1em}.result-display{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.res-card-main{display:flex;flex-direction:column}.res-card-val{font-size:2.8rem;font-weight:900;color:var(--text-primary);line-height:1}.res-card-unit{font-size:.8rem;font-weight:600;color:var(--text-muted);margin-top:4px}.res-card-divider{color:var(--text-muted);opacity:.3}.res-card-source{text-align:right;display:flex;flex-direction:column;gap:4px}.res-card-source span{font-size:.8rem;font-weight:500;color:var(--text-muted)}.result-note{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary);border-radius:12px;font-size:.8rem;color:var(--text-secondary)}.result-note strong{color:var(--accent-primary)}.presets-box{margin-top:32px}.presets-box h4{font-size:1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.presets-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preset-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;border-radius:14px}.p-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.p-country{font-size:.6rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase}.p-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.p-formula{font-size:.7rem;color:var(--text-muted);font-family:monospace}.advanced-config{background:rgba(var(--accent-rgb),.03);border:1px dashed var(--accent-primary);border-radius:16px;padding:20px;margin-top:8px}.config-head{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase}.config-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%}.animate-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.control-row-2,.presets-grid{grid-template-columns:1fr}}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:transparent}.dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}