*{box-sizing:border-box;font-family:Montserrat,Arial,sans-serif}html,body{color:#182235;background:#f4f7fa;max-width:100vw;margin:0;overflow-x:hidden}header{color:#fff;background:#153f73;justify-content:space-between;align-items:center;padding:14px 20px;font-size:22px;font-weight:700;display:flex}header .brand{align-items:center;gap:10px;display:flex}header .header-logo{width:auto;height:32px;display:block}header .who{align-items:center;gap:10px;font-size:14px;font-weight:400;display:flex}header button.logout{background:#ffffff26;width:auto;margin:0;padding:8px 14px}.wrap{max-width:850px;margin:auto;padding:15px}.card{background:#fff;border:1px solid #dde4eb;border-radius:15px;margin-bottom:14px;padding:17px}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=650px){.grid{grid-template-columns:1fr}}input,select,textarea,button{box-sizing:border-box;border-radius:9px;width:100%;min-width:0;margin:5px 0 10px;padding:12px;font-size:16px}input,select,textarea{border:1px solid #d7dee6}button{color:#fff;cursor:pointer;background:#153f73;border:0;font-weight:700}button.secondary{color:#153f73;background:#e7edf5}button:disabled{opacity:.6;cursor:not-allowed}.photo{color:#153f73;text-align:center;cursor:pointer;background:#f4f8fc;border:2px dashed #153f73;border-radius:14px;padding:25px;font-size:19px;font-weight:700;display:block}input[type=file]{display:none}#preview{border-radius:10px;max-width:100%;max-height:320px;margin:12px auto;display:none}.stats{gap:10px;display:flex}.stat{background:#f7f9fb;border-radius:10px;flex:1;min-width:0;padding:12px}.num{overflow-wrap:break-word;font-size:clamp(15px,5vw,24px);font-weight:700}@media (width<=500px){.stats{flex-wrap:wrap}.stat{flex:45%}}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #ddd;padding:8px;font-size:13px}.scroll{overflow:auto}.actions{gap:10px;display:flex}.thumb{object-fit:cover;cursor:pointer;border-radius:6px;width:40px;height:40px}.error{color:#b3261e;margin:-4px 0 10px;font-size:14px}.login-wrap{max-width:380px;margin:12vh auto 0;padding:0 15px}.login-logo{max-width:160px;margin:0 auto 20px;display:block}.hint{color:#64748b;margin-top:-6px;font-size:13px}.hint-locked{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:9px;margin:0 0 10px;padding:10px 12px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;left:20px;right:20px}.toast-item{pointer-events:auto;border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;width:100%;max-width:380px;padding:14px 16px;animation:.2s ease-out toastIn;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d}.toast-item.toast-out{animation:.2s ease-in forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}.toast-icon{font-size:1.1rem;line-height:1}.toast-body{flex:1}.toast-body h4{margin:0;font-size:.9rem;font-weight:700}.toast-body p{opacity:.9;margin:4px 0 0;font-size:.825rem;line-height:1.4}.toast-close{width:auto;color:inherit;opacity:.6;background:0 0;margin:0;padding:0;font-size:.85rem}.modal-overlay{z-index:9998;background:#13182d73;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:15px;width:100%;max-width:420px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 40px #13182d33}@media (width<=400px){.modal-card{padding:16px}}.modal-header{margin-bottom:10px}.modal-header h3{color:#182235;margin:0;font-size:1.1rem}.modal-header.danger h3{color:#b4232c}.modal-body{color:#475569;margin:0 0 18px;font-size:.92rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions button{width:auto;margin:0;padding:11px 18px}.primary-button{color:#fff;background:#153f73}.secondary-button{color:#153f73;background:#e7edf5}.danger-button{color:#b4232c;background:#fee2e2}header{flex-wrap:wrap;gap:6px 8px}.tabs{gap:8px;display:flex}.tabs button{background:#ffffff26;width:auto;margin:0;padding:8px 14px;font-size:14px}.tabs button.active{color:#153f73;background:#fff}.foto-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=500px){.foto-row{grid-template-columns:1fr}}.foto-row .photo{padding:18px 10px;font-size:15px}.filtros{flex-wrap:wrap;gap:10px;margin-bottom:6px;display:flex}.filtros>*{flex:1;min-width:140px;margin:0}.badge-role{color:#153f73;background:#e7edf5;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-role.admin{color:#92400e;background:#fef3c7}.bell-button{color:#fff;background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:auto;margin:0;padding:6px;display:inline-flex}.lightbox-overlay{background:#0a0e1ad9;flex-direction:column;padding:20px}.lightbox-img{border-radius:10px;max-width:100%;max-height:85vh;box-shadow:0 20px 40px #0006}.lightbox-close{color:#fff;background:#ffffff26;border-radius:50%;width:40px;height:40px;margin:0;padding:0;font-size:1.1rem;position:absolute;top:16px;right:16px}