:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#e2e8f0;--secondary-hover:#cbd5e1;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.app-container{background-color:var(--card-bg);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 20px #0000000d}.header{background:var(--card-bg);border-bottom:1px solid var(--border);z-index:10;padding:16px 20px;position:sticky;top:0}.header h1{text-align:center;color:var(--text-main);font-size:1.25rem;font-weight:700}.content{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-main);font-size:.9rem;font-weight:600}.form-control{border:1px solid var(--border);background-color:var(--card-bg);width:100%;color:var(--text-main);appearance:none;border-radius:12px;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}select.form-control{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 16px top 50%;background-repeat:no-repeat;background-size:12px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1.1rem;font-weight:700;transition:transform .1s,background-color .2s;display:flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-primary:active{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--text-main)}.btn-secondary:active{background-color:var(--secondary-hover)}.result-card{background:var(--bg-color);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px}.result-card.inbound{background-color:#f0f7ff;border-color:#dbeafe}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.card-title{color:var(--primary);font-size:1.1rem;font-weight:700}.trip-details{flex-direction:column;gap:12px;display:flex}.trip-row{justify-content:space-between;align-items:center;display:flex}.estimation-row{justify-content:flex-start}.trip-label{color:var(--text-muted);font-size:.85rem}.trip-value{font-size:1rem;font-weight:600}.summary-box{text-align:center;color:var(--success);background-color:#10b9811a;border:1px solid #10b98133;border-radius:12px;margin-bottom:20px;padding:12px;font-weight:700}.flex-row{gap:12px;display:flex}.flex-1{flex:1}.bottom-actions{background:var(--card-bg);border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #00000005}.text-center{text-align:center}.text-sm{font-size:.85rem}.text-muted{color:var(--text-muted)}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.radio-group{background:var(--bg-color);border-radius:12px;gap:8px;padding:4px;display:flex}.radio-label{text-align:center;flex:1}.radio-label input[type=radio]{display:none}.radio-label span{color:var(--text-muted);cursor:pointer;border-radius:8px;padding:10px 0;font-size:.9rem;font-weight:600;transition:all .2s;display:block}.radio-label input[type=radio]:checked+span{background-color:var(--card-bg);color:var(--primary);box-shadow:0 2px 4px #0000000d}.trip-badge{background-color:var(--secondary);color:var(--text-muted);border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-block}.trip-badge.optimal{color:var(--primary);background-color:#2563eb1a}.ekispert-link{background-color:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex}.ekispert-link:hover{background-color:var(--primary-hover)}.ekispert-link:active{transform:scale(.98)}.embedded-result{flex-direction:column;gap:10px;width:100%;display:flex}.embedded-result-frame{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:420px}.info-banner{color:var(--primary);background-color:#2563eb12;border:1px solid #2563eb26;border-radius:10px;margin-bottom:4px;padding:12px 16px;font-size:.85rem;line-height:1.6}