.exchange-card{background:#fff;border-radius:20px;margin-top:30px;padding:30px;box-shadow:0 10px 30px #00000014}.exchange-row{grid-template-columns:1fr 70px 1fr;align-items:end;gap:20px;display:grid}.exchange-row label,.exchange-input label{color:#555;margin-bottom:10px;font-weight:600;display:block}.exchange-row select{background:#fff;border:1px solid #ddd;border-radius:12px;width:100%;height:50px;padding:0 14px;font-size:16px;transition:all .2s}.exchange-row select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.swap-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;width:56px;height:56px;margin:auto;font-size:24px;transition:all .2s}.swap-btn:hover{background:#1d4ed8;transform:rotate(180deg)}.exchange-input{margin-top:30px}.exchange-input input{border:1px solid #ddd;border-radius:14px;width:100%;height:60px;padding:0 20px;font-size:28px;font-weight:700;transition:all .2s}.exchange-input input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.exchange-result{text-align:center;background:#f8fafc;border-radius:18px;margin-top:40px;padding:30px}.exchange-value{color:#2563eb;word-break:break-word;font-size:42px;font-weight:800}.exchange-unit{color:#555;margin-top:10px;font-size:22px;font-weight:600}.rate-card{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px;display:grid}.rate-card>div{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.rate-card strong{color:#2563eb;margin-bottom:10px;font-size:15px;display:block}.rate-card div{color:#2563eb;font-size:18px;font-weight:600}@media (max-width:768px){.exchange-card{padding:20px}.exchange-row{grid-template-columns:1fr;gap:16px}.swap-btn{width:54px;height:54px;margin:0 auto}.exchange-value{font-size:32px}.exchange-unit{font-size:18px}.rate-card{grid-template-columns:1fr}.exchange-input input{font-size:24px}}.currency-select{align-items:center;gap:10px;display:flex}.currency-select img{object-fit:cover;border-radius:50%;width:28px;height:28px}.currency-select select{flex:1}.flag{object-fit:contain;width:48px;height:48px;margin-bottom:10px}.rate-value{color:#2563eb;font-size:18px;font-weight:700}.period-buttons{gap:12px;margin-top:30px;margin-bottom:20px;display:flex}.period{cursor:pointer;color:#2563eb;background:#edf2ff;border:none;border-radius:30px;padding:10px 18px;font-weight:700;transition:all .2s}.period:hover{transform:translateY(-2px)}.period.active{color:#fff;background:#2563eb}.chart-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.chart-summary div{text-align:center;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000000f}.chart-summary span{color:#888;margin-bottom:8px;font-size:13px;display:block}.chart-summary strong{color:#2563eb;font-size:20px;font-weight:700}.chart-summary .up{color:#ef4444}.chart-summary .down{color:#2563eb}@media (max-width:700px){.chart-summary{grid-template-columns:repeat(2,1fr)}}.salary-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px;display:grid}.salary-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;transition:all .2s;box-shadow:0 5px 15px #0000000f}.salary-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2563eb1f}@media (max-width:700px){.salary-grid{grid-template-columns:1fr}}.exchange-card input:focus,.exchange-card select:focus{border:1px solid #2563eb;outline:none;transition:all .2s;box-shadow:0 0 0 4px #2563eb1f}@media print{body{background:#fff}.no-print{display:none!important}.exchange-card{border:1px solid #ddd;margin:0;box-shadow:none!important}}