:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#142235;background:#f3f6f9;line-height:1.4}*{box-sizing:border-box}body{margin:0}.topbar{background:#17324d;color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0002}.brand{font-size:1.45rem;font-weight:800;letter-spacing:.04em}.subtitle{font-size:.86rem;opacity:.86}.shell{max-width:1050px;margin:24px auto;padding:0 16px 40px}.card{background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:20px;box-shadow:0 3px 12px #16324d10;margin-bottom:18px}.login-card{max-width:430px;margin:48px auto}h1,h2{margin:0 0 10px}h2{font-size:1.1rem}label{display:block;font-weight:600;margin:12px 0}input{width:100%;border:1px solid #b9c7d4;border-radius:9px;padding:11px 12px;font-size:1rem;background:#fff}input:focus{outline:2px solid #5b9bd555;border-color:#3b82c4}.btn{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#1867a8;color:#fff}.btn-secondary{background:#e8f0f7;color:#17324d}.btn-ghost{background:#ffffff1c;color:#fff;border:1px solid #ffffff55}.muted{color:#617385}.strong{font-weight:700}.hidden{display:none!important}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:10px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:220px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#e8eef4;padding:4px 9px;font-size:.82rem;font-weight:700}.badge.ok{background:#ddf5e5;color:#176d37}.message{margin-top:12px;padding:10px 12px;border-radius:9px;background:#fff4d6;color:#765500;border:1px solid #f2d487}.message.error{background:#fde4e4;color:#8a1f1f;border-color:#f2b7b7}.message.success{background:#e2f6e8;color:#1a6b37;border-color:#b8e7c6}.event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin-top:14px}.event-card{border:1px solid #d7e2ec;border-radius:11px;padding:14px;cursor:pointer;background:#fbfdff}.event-card:hover{border-color:#6fa4cf}.event-card.selected{outline:2px solid #1867a8;border-color:#1867a8}.event-name{font-weight:800;margin-bottom:4px}.traffic{width:72px;height:72px;border-radius:50%;background:#bbb;flex:0 0 72px;border:6px solid #edf2f6;box-shadow:0 0 0 1px #cbd5df}.traffic.verde{background:#24a148}.traffic.rojo{background:#d63b3b}.traffic.amarillo{background:#e3a008}.result{display:flex;gap:18px;align-items:flex-start;margin-top:18px}.result-title{font-size:1.25rem;font-weight:900;margin:2px 0 6px}.actions{margin-top:14px}.compact-list{margin-top:10px;max-height:330px;overflow:auto}.compact-item{padding:9px 0;border-bottom:1px solid #edf1f4}.compact-item:last-child{border-bottom:0}.small{font-size:.82rem;color:#6b7b89}@media(max-width:720px){.grid.two{grid-template-columns:1fr}.shell{margin-top:14px}.topbar{padding:13px 16px}.card{padding:16px}.result{flex-direction:column}.traffic{width:58px;height:58px;flex-basis:58px}.btn{min-height:42px}}

.scanner{margin-top:16px;border:1px solid #d7e2ec;border-radius:12px;padding:14px;background:#f8fbfd}.scanner-head{margin-bottom:12px}.camera-box{position:relative;max-width:560px;margin:0 auto;background:#111;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.camera-box video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(68%,280px);aspect-ratio:1;border:3px solid #fff;border-radius:16px;box-shadow:0 0 0 999px #0005}.scan-frame:before,.scan-frame:after{content:"";position:absolute;left:12%;right:12%;height:2px;background:#fff8}.scan-frame:before{top:50%}.scan-frame:after{display:none}@media(max-width:720px){.camera-box{max-width:none}.scanner{padding:10px}#btnEscanear{width:100%}}

select,textarea{width:100%;border:1px solid #b9c7d4;border-radius:9px;padding:11px 12px;font-size:1rem;background:#fff;font-family:inherit}select:focus,textarea:focus{outline:2px solid #5b9bd555;border-color:#3b82c4}.module-nav{display:flex;gap:10px;position:sticky;top:8px;z-index:5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid label{margin:8px 0}.span2{grid-column:1/-1}.member-list{margin-top:14px;display:grid;gap:9px}.member-item{border:1px solid #dce5ed;border-radius:10px;padding:12px;cursor:pointer;background:#fbfdff}.member-item:hover{border-color:#6fa4cf}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}.summary-box{background:#f6f9fb;border:1px solid #e1e8ee;border-radius:10px;padding:10px}.summary-box .small{display:block}.coop-list{display:grid;gap:10px;margin-top:12px}.coop-item{border:1px solid #dce5ed;border-radius:11px;padding:13px}.money{font-variant-numeric:tabular-nums}.status-paid{color:#176d37;font-weight:800}.status-debt{color:#a33b1f;font-weight:800}hr{border:0;border-top:1px solid #e5ebf0;margin:18px 0}@media(max-width:720px){.module-nav{position:static;display:grid;grid-template-columns:1fr 1fr}.module-nav .btn{padding:9px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.member-item{padding:11px}.summary-grid{grid-template-columns:1fr 1fr}}