header{background:linear-gradient(135deg,#102c22,#075334);padding-top:18px;padding-bottom:18px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 4px 7px #0006)}@media(max-width:700px){.brand img{width:62px;height:62px}}
.period{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff7db;border:1px solid #e6cf83;border-radius:12px;padding:13px 16px;margin-bottom:14px}.period span{color:#6c603c;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.period strong{text-align:right}@media(max-width:520px){.period{display:block}.period strong{display:block;text-align:left;margin-top:4px}}
.history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}select{width:100%;padding:11px 12px;margin-top:5px;border:1px solid #bcb7aa;border-radius:8px;background:white;font:inherit}@media(max-width:520px){.field-pair{grid-template-columns:1fr}.history-head{align-items:flex-start;flex-direction:column}}
.rate-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 2px}.rate-strip span{background:#f4f1e8;border:1px solid #ded8c9;border-radius:8px;padding:7px;text-align:center;color:#66736d;font-size:.7rem}.rate-strip strong{display:block;color:#183029;font-size:.86rem;margin-top:2px}.rate-strip .selected-rate{background:#e5f0e8;border-color:#7ca98a}
.auth-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#102c22,#075334);display:grid;place-items:center;padding:20px}.auth-screen[hidden]{display:none}.auth-card{width:min(100%,420px);background:#fff;border-radius:18px;padding:28px;box-shadow:0 24px 80px #0006;text-align:center}.auth-card img{width:125px;height:125px;object-fit:contain}.auth-card h1{color:#17382c}.auth-card p{margin:12px 0}.auth-card form{text-align:left;padding:0}.auth-card button{width:100%;margin-top:16px}