:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;align-items:center;gap:24px;padding:14px 5%;background:#123c69;color:#fff}.topbar nav{display:flex;gap:16px;flex:1}.topbar a{color:inherit;text-decoration:none}.brand{font-size:22px;font-weight:800}.link-button{background:none;border:0;color:#fff}.link-button.danger{color:#a51f2d;padding:0}.inline-form{display:inline}.container{width:min(1180px,92%);margin:30px auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title h1{margin:0}.page-title p{color:#657084}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.cards article,.panel,.login-card{background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:22px;box-shadow:0 4px 16px #1f2f4610}.cards span{display:block;color:#687386}.cards strong{display:block;font-size:28px;margin-top:8px}.panel{overflow:auto;margin-bottom:20px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ebf0}th{font-size:13px;color:#586477}.button,button{display:inline-block;border:0;border-radius:8px;padding:10px 15px;background:#1769aa;color:#fff;text-decoration:none;cursor:pointer}.secondary{background:#526172}.form-panel{max-width:720px;margin:auto}.form-panel label{font-weight:600}.form-panel input,.form-panel select,.form-panel textarea,.filters select{width:100%;padding:10px;border:1px solid #ccd4df;border-radius:7px}.filters{display:flex;gap:10px;margin-bottom:18px}.filters select{width:auto;min-width:190px}.login-card{max-width:420px;margin:10vh auto}.login-card input{width:100%;padding:10px}.status{padding:4px 8px;border-radius:12px;background:#eef1f5;font-size:12px}.status.pagada{background:#dff6e8;color:#176b3a}.status.pendiente{background:#fff1cf;color:#795800}.message{padding:12px;background:#dff6e8;border-radius:8px;margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:8px 18px}.detail-grid dt{font-weight:700}.detail-grid dd{margin:0}.email-body{white-space:pre-wrap;max-height:360px;overflow:auto;background:#f7f8fa;padding:14px;border-radius:8px}.receipt-preview{display:block;max-width:760px;width:100%;height:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.paste-zone{display:grid;gap:12px;place-items:center;border:2px dashed #91a4ba;border-radius:12px;padding:24px;margin-bottom:14px;background:#f8fafc}.paste-zone:focus{outline:3px solid #1769aa33}.paste-zone input{max-width:420px}.paste-zone img{max-width:100%;max-height:420px;border-radius:8px}@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{flex-wrap:wrap}.cards{grid-template-columns:1fr 1fr}.page-title{align-items:flex-start;gap:12px}.filters{flex-direction:column}.detail-grid{grid-template-columns:1fr}}@media(max-width:480px){.cards{grid-template-columns:1fr}}