*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f2f6f4;color:#20332d}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:#075e50;color:white;padding:24px 16px;flex-shrink:0}.brand{font-size:20px;font-weight:800;line-height:1.3;margin:0 8px 8px}.brand small{display:block;font-size:12px;font-weight:400;color:#c5e8dc;margin-top:6px}.nav{margin-top:28px;display:grid;gap:8px}.nav a{display:block;color:#e8fff6;text-decoration:none;padding:12px 14px;border-radius:10px}.nav a:hover,.nav a.active{background:#13816e}.main{flex:1;min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.topbar h1{font-size:27px;margin:0 0 6px}.muted{color:#6b7d76;font-size:14px}.tag{background:#e0f5e9;color:#08734f;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat,.panel{background:white;border:1px solid #e1ebe5;border-radius:15px;padding:20px;box-shadow:0 4px 15px #183a2810}.stat .label{color:#6b7d76;font-size:13px}.stat .number{font-size:28px;font-weight:800;margin-top:9px;color:#075e50}.panel{margin-bottom:20px}.panel h2{font-size:18px;margin:0 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#43574f}input,select,textarea{width:100%;border:1px solid #d4e1d9;border-radius:9px;padding:11px 12px;font:inherit;background:#fff;color:#243a31}textarea{min-height:75px;resize:vertical}.btn{border:0;border-radius:9px;padding:11px 15px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block;font-size:13px}.btn-primary{background:#087e67;color:white}.btn-primary:hover{background:#056653}.btn-danger{background:#fee8e6;color:#a8322a}.btn-light{background:#e8f4ee;color:#126a53}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf1ee;font-size:13px}th{color:#60736a;background:#f7faf8;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.status{border-radius:20px;padding:5px 9px;font-size:11px;font-weight:bold;background:#f1f3f2;display:inline-block}.status.Pendiente{background:#fff1d5;color:#946000}.status.Recolectado{background:#e0efff;color:#205e9c}.status.Reciclado,.status.Reutilizado{background:#dff7e8;color:#147344}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{min-width:125px;padding:7px}.notice{padding:12px 14px;background:#e0f7e8;color:#11663f;border-radius:9px;margin-bottom:16px}.notice.error{background:#fff0e9;color:#9b3d20}.searchbar{display:flex;gap:8px;margin-bottom:14px}.searchbar input{max-width:350px}.empty{text-align:center;color:#77867f;padding:28px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.qrbox{display:flex;align-items:center;gap:16px}.qrvisual{width:90px;height:90px;border:7px solid white;outline:1px solid #d7e2dc;background:repeating-conic-gradient(#163c31 0 25%,white 0 50%) 0/14px 14px;position:relative}.qrvisual:after{content:"";position:absolute;inset:23px;background:white;border:5px solid #163c31}.footer{text-align:center;color:#809088;font-size:12px;padding:12px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px}.main{padding:20px}}@media(max-width:700px){.layout{display:block}.sidebar{width:100%;padding:16px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.main{padding:15px}.stats,.two-col{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

.cerrar-sesion {
    display: block;
    margin: 25px 14px 10px;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background: #b83b3b;
    border-radius: 8px;
    font-weight: bold;
}

.cerrar-sesion:hover {
    background: #922d2d;
}
