*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f8f9fa;color:#212529;min-height:100vh;display:flex;align-items:center;justify-content:center}
.card{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:0;width:100%;max-width:440px;margin:1rem}
.card-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1.25rem 1.5rem;text-align:center;border-radius:.375rem .375rem 0 0}
.card-header img{max-height:48px;margin-bottom:.5rem}
.card-header h1{font-size:1.25rem;font-weight:600;margin-bottom:.15rem;color:#212529}
.card-header .subtitle{color:#6c757d;font-size:.875rem;margin:0}
.card-body{padding:1.5rem}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:#212529}
.form-group input{width:100%;padding:.375rem .75rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.form-group input:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.form-group input:disabled{background:#e9ecef;color:#6c757d}
.form-group .hint{font-size:.8rem;color:#6c757d;margin-top:.25rem}
.btn{display:inline-block;padding:.375rem .75rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:400;line-height:1.5;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;text-decoration:none;text-align:center;width:100%}
.btn:disabled{opacity:.65;cursor:not-allowed}
.btn-primary{background:#0d6efd;color:#fff}
.btn-primary:hover:not(:disabled){background:#0b5ed7}
.btn-success{background:#198754;color:#fff}
.btn-success:hover:not(:disabled){background:#157347}
.btn-danger{background:#dc3545;color:#fff}
.btn-danger:hover:not(:disabled){background:#bb2d3b}
.btn-outline{background:transparent;border:1px solid #dee2e6;color:#6c757d}
.btn-outline:hover:not(:disabled){background:#f8f9fa;color:#212529}
.alert{padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;margin-bottom:1rem}
.alert-error{background:#f8d7da;color:#842029;border:1px solid #f5c2c7}
.alert-success{background:#d1e7dd;color:#0f5132;border:1px solid #badbcc}
.alert-info{background:#cff4fc;color:#055160;border:1px solid #b6effb}
.spinner{display:inline-block;width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:.4rem}
@keyframes spin{to{transform:rotate(360deg)}}
.text-center{text-align:center}
.text-muted{color:#6c757d;font-size:.875rem}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}
.mb-2{margin-bottom:1rem}
a{color:#0d6efd;text-decoration:none}
a:hover{text-decoration:underline}
.divider{border:none;border-top:1px solid #dee2e6;margin:1.25rem 0}
.account-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}
.account-card .info{flex:1}
.account-card .nickname{font-weight:600;font-size:1rem}
.account-card .meli-id{font-size:.8rem;color:#6c757d}
.account-card .btn{width:auto;padding:.25rem .5rem;font-size:.875rem}
.loading-text{color:#6c757d;font-style:italic}
.secret{-webkit-text-security:disc;text-security:disc}
.pow-status{font-size:.8rem;color:#6c757d;margin-top:.25rem;min-height:1.2em}
.lang-picker{margin-top:.75rem}
.lang-btn{background:transparent;border:1px solid #dee2e6;border-radius:.25rem;padding:.15rem .5rem;font-size:.75rem;color:#6c757d;cursor:pointer;margin:0 .15rem}
.lang-btn:hover{background:#e9ecef;color:#212529}
.lang-btn.active{background:#0d6efd;color:#fff;border-color:#0d6efd}
.hidden{display:none}