*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading{color:#666;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.login-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.login-card h1{text-align:center;color:#1a1a2e;margin-bottom:.5rem;font-size:1.8rem}.login-card .subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.2rem}.form-group label{color:#444;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;width:100%;padding:.7rem .9rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:#0f3460;outline:none;box-shadow:0 0 0 3px #0f34601a}.btn{cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#0f3460;width:100%}.btn-primary:hover{background:#16213e}.btn-secondary{color:#333;background:#e8e8e8}.btn-secondary:hover{background:#ddd}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-success{color:#fff;background:#27ae60}.btn-success:hover{background:#219a52}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.error-msg{color:#c0392b;text-align:center;background:#fee;border-radius:8px;margin-bottom:1rem;padding:.7rem;font-size:.85rem}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#1a1a2e;flex-direction:column;width:240px;padding:1.5rem 0;display:flex}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:0 1.2rem 1.5rem}.sidebar-header h2{margin-bottom:.3rem;font-size:1.1rem}.sidebar-header .user-info{opacity:.7;font-size:.75rem}.sidebar nav{flex:1;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;border-top:1px solid #ffffff0f;margin-top:.3rem;padding:1.4rem 1.2rem .4rem;font-size:.65rem;font-weight:800}.nav-section:first-child{border-top:none;margin-top:0;padding-top:.5rem}.sidebar nav a{color:#ffffffb3;padding:.55rem 1.2rem .55rem 1.6rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1a}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem 1.2rem;position:relative}.sidebar-menu-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:.6rem;width:100%;padding:.5rem 1rem;font-size:.85rem;display:flex}.sidebar-menu-btn:hover{background:#ffffff1a}.sidebar-menu-btn .dots{font-size:1.2rem;line-height:1}.sidebar-dropdown{background:#16213e;border-radius:8px;margin-bottom:.4rem;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 -4px 16px #0000004d}.sidebar-dropdown button{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:.7rem 1rem;font-size:.85rem;display:block}.sidebar-dropdown button:hover{color:#fff;background:#ffffff1a}.sidebar-dropdown button+button{border-top:1px solid #ffffff1a}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{color:#1a1a2e;font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.stat-card h3{color:#888;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem}.stat-card .value{color:#1a1a2e;font-size:2rem;font-weight:700}.table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000f}table{border-collapse:collapse;width:100%}th{text-align:left;color:#666;text-transform:uppercase;background:#f8f9fa;border-bottom:2px solid #eee;padding:.8rem 1rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid #f0f0f0;padding:.8rem 1rem;font-size:.9rem}tr:hover{background:#f8f9fa}.clickable-row{cursor:pointer}.badge{border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-admin{color:#6c3483;background:#e8daef}.badge-repartidor,.badge-active{color:#1e8449;background:#d5f5e3}.badge-inactive{color:#c0392b;background:#fadbd8}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;padding:2rem;overflow-y:auto}.modal h2{margin-bottom:1.5rem;font-size:1.2rem}.modal-actions{justify-content:flex-end;gap:.8rem;margin-top:1.5rem;display:flex}.detail-section{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.detail-section h2{color:#1a1a2e;border-bottom:2px solid #f0f0f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.detail-item label{color:#888;text-transform:uppercase;font-size:.75rem;font-weight:600}.detail-item p{color:#333;margin-top:.2rem;font-size:.95rem}.back-link{color:#0f3460;margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}